title: owl carousel 2 same dots transition speed
body: <p>I have a one item carousel set in this way</p>
  
  <pre><code>owl.owlCarousel({
      items:1,
      loop:true,
      autoplay:true,
      autoplayTimeout:5000,
      autoplayHoverPause:true,
      autoplaySpeed: 1000,
      dotsSpeed: 1000
  });
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/ark0R.jpg" alt="enter image description here"></p>
  
  <p>When I go from 1 to 2 (or between any two points lying next to each other) the transition delay 1 seconds (expected) but when I go from 1 to 4 the transition takes much more time.</p>
  
  <p>I want the transition speed to be always the same (1s) regardless the distance of the points.</p>
  
  <p>To clarify, when it is in dot 1 and I move to dot 2, I want the element in slide 2, delays one seconds in showing , and when going from 1 to 4 the element in the slide 4 delays one seconds in showing too.</p>
  
  <p><strong><a href="http://jsfiddle.net/Yandy_Viera/jf33nnwf/" rel="nofollow noreferrer">Here a jsfiddle example</a></strong></p>
  
  <p>Note in the jsfiddle I put a <code>span.test</code> that has a 1s delay animation so when the slide move in auto play or you go from 1 to 2 just when it finished the transition, the span.test appear but when you go from 1 to 4 the <code>span.test</code> arrive already showing.</p>
  
  <p>I will be grateful if you can help me</p>