JQuery image gallery non functional fade effects?

Next() just finds the next sibling for the selector. It doesn't keep track of where you are. I would do a setInterval and pass the current index along with it.

For example: function gallery() { ind = 0; l = $('. Cornerimg'). Length; $('.

Cornerimg'). FadeOut(500); window. SetInterval( function() { if ( ind > 0 ) $('.

Cornerimg'). Eq(ind-1). FadeOut(2000); if (ind == l) { ind = 0; } $('.

Cornerimg'). Eq(ind). FadeIn(500); ind++; }, 2000 ); } $(function() { gallery() }) To avoid shifting of elements, add the function as a callback to the fadeOut instead of having them happen asynchronously NOTE: Global variables are not the best way to go in general, but just to give you an idea.

The better form is to have a function that calls itself with setTimeout and passes the incremented ind argument each time UNTESTED.

Next() just finds the next sibling for the selector. It doesn't keep track of where you are. I would do a setInterval and pass the current index along with it.

For example: function gallery() { ind = 0; l = $('. Cornerimg'). Length; $('.

Cornerimg'). FadeOut(500); window. SetInterval( function() { if ( ind > 0 ) $('.

Cornerimg'). Eq(ind-1). FadeOut(2000); if (ind == l) { ind = 0; } $('.

Cornerimg'). Eq(ind). FadeIn(500); ind++; }, 2000 ); } $(function() { gallery() }); To avoid shifting of elements, add the function as a callback to the fadeOut instead of having them happen asynchronously.

NOTE: Global variables are not the best way to go in general, but just to give you an idea. The better form is to have a function that calls itself with setTimeout and passes the incremented ind argument each time. UNTESTED.

That is not entirely correct. This function is working perfectly with CSS3 transitions and addClass. I see not why it works so badly in JQUery.

– Robin Knight Jun 30 at 14:32 Sorry, updated with ind-1. Try now. Test here: jsfiddle.Net/qUvxh – Jed Jun 30 at 14:39 Thanks, but that animation is not on a loop at all.

Try it yourself. I decreased the times to speed it up jsfiddle.Net/qUvxh/1 – Robin Knight Jun 30 at 14:47 Sorry, try this: jsfiddle. Net/qUvxh/2 – Jed Jun 30 at 14:50 That works in the fiddle but not on our webpage.

Maybe you can see the problem it makes no sense to me at all -- golfbrowser.Com/courses/wentworth-east but make sure you go in a browser that does not support CSS3 as there is already a functioning CSS3 gallery. – Robin Knight Jun 30 at 15:03.

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.