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.
Code is really simple, i hide images with display: none (hide class) and change that with fadeIn/ fadeOut.
$("active image").fadeIn();
$("to hide image").fadeOut();
$("to hide image").fadeOut();
$("to hide image").fadeOut();
and here is the problem
(IT'S A GIF so it may take some time to load, if it does not, here's the link: http://images.ezgif.com/tmp/gif_300x341_e373a4.gif
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.
I've tried with .delay() but it didn't work either.