Instead of fading in, waiting, and fading out, you could make the rotate function simply fade an image out, and then fade in the next one. So start with the first image displaying already, then call setTimeout on rotate(). Example.
Instead of fading in, waiting, and fading out, you could make the rotate function simply fade an image out, and then fade in the next one. So start with the first image displaying already, then call setTimeout on rotate(). Example: var speed= 1000, num = 1, timer = setTimeout(rotate, 15000); //15 seconds as requested function rotate() { var container_footer = jQuery("#rotate_container"); var divs_footer = container_footer.children(); var divs_footer_length = divs_footer.
Length; $("#item"+num). FadeOut(speed); num>divs_footer_length? Num=0 : num++; $("#item"+num).
FadeIn(speed); timer = setTimeout(rotate, 15000); }.
I want it to wait the specified period of time. So I'd like it to be displayed for the 15 seconds before it tries to rotate in another one. – user1048676 Nov 17 at 19:04 Yes, so change to setTimeout(rotate, 15000); and that will do it for you.It will wait 15 seconds before calling rotate again.
– Clint Nov 17 at 19:53.
You could use the callback that happens on fadeOut and use a little recursion to loop through your divs. This will work well if you have a set limit of divs. Below works for me, even the delay. Var rotate, speed= 1000; rotate = function (itemNum) { $("#item" + itemNum). Stop(true, true).
FadeIn(speed). Delay(speed). FadeOut(speed, function () { //callback when fadeOut completes rotate(itemNum + 1); }); } rotate(1).
I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.