complete newbie question about fadeIn
Hi
i'm trying jquery for the first time and until now it seems to work at 95% :)
So i'm doing a simple fadeOut fadeIn , but it seems like one has to be completed before the other is triggered.
What i want i simply my image to overlap each other... but they don't, they do fade out, then when the fade out is done they fade in....
how can i do that so they don't display blank before triggering the fade in?
my code is this :
thanks a lot for the help
i'm trying jquery for the first time and until now it seems to work at 95% :)
So i'm doing a simple fadeOut fadeIn , but it seems like one has to be completed before the other is triggered.
What i want i simply my image to overlap each other... but they don't, they do fade out, then when the fade out is done they fade in....
how can i do that so they don't display blank before triggering the fade in?
my code is this :
sliderInt=1;
sliderNext=2;
$(document).ready(function(){
$("#slider>img#1").fadeIn(1000);
startSlider();
});
function startSlider(){
count=$("#slider>img").size();
loop=setInterval(function(){
if(sliderNext>count){
sliderNext=1;
sliderInt=1;
}
$("#slider>img").fadeOut(1000);
$("#slider>img#"+sliderNext).fadeIn(1000);
sliderInt=sliderNext
sliderNext=sliderNext+1;
}, 5000)
}
thanks a lot for the help