title: jQuery slider (fadeIn / fadeOut) not working correctly
body: <p>i've made a jquery slider and a user in this website helped me to improve it (adding fade transitions). In the fiddle it worked fine, but when i moved it to my computer it generated a problem, first of all, here is the fiddle.</p>
  
  <p><a href="http://jsfiddle.net/CWkQE/14/" rel="nofollow noreferrer">http://jsfiddle.net/CWkQE/14/</a></p>
  
  <p>Code is really simple, i hide images with display: none (hide class) and change that with fadeIn/ fadeOut.</p>
  
  <pre><code>$("active image").fadeIn();
  $("to hide image").fadeOut();
  $("to hide image").fadeOut();
  $("to hide image").fadeOut();
  </code></pre>
  
  <p>and here is the problem</p>
  
  <p><img src="https://i.stack.imgur.com/9T3cY.gif" alt="enter image description here"></p>
  
  <p>(IT'S A GIF so it may take some time to load, if it does not, here's the link: <a href="http://images.ezgif.com/tmp/gif_300x341_e373a4.gif" rel="nofollow noreferrer">http://images.ezgif.com/tmp/gif_300x341_e373a4.gif</a></p>
  
  <p>it's speeded up just for size reasons so if you can't see the problem, when you click a button the current image desappear and just 100 miliseconds later aprox. the other image loads.</p>
  
  <p>I've tried with .delay() but it didn't work either.</p>