JQuery Image Gallery fading not always working and IE tragedy - solve a fiddle?

Simple Solution If anyone else ever needs a JQuery image gallery that defaults to CSS3 transitions for any device that supports these brilliant new features. You need the modernizr plugin and to keep your transition code out of the normal CSS. Then to have another CSS class that you add to all images in the slideshow only if modernizr detects CSS3.

That class will contain the CSS3 transition information and only being added now will not bog up non CSS3 devices. Then have a third CSS course with where you want the transition to go and apply the same login using (in this case JQuery addClass / removeClass $(document). Ready(function(){ // Standard JQuery Slideshow if(!Modernizr.

Csstransitions) { $('. Cornerimg').hide(); // de all images var slideShowTO, slide; // Global vars $('. Thumbs').

Click(function() { if (slide) $('#P' + slide). FadeOut(2000); slide = $(this). Attr('id'); $('#P' + slide).

FadeIn(2000); clearTimeout(slideShowTO); slideShowTO = setTimeout(function() { var next = $('#' + slide).next(); if (next. HasClass('thumbs')) next.click(); else $('. Thumbs:first').click(); }, 4000); }); } // CSS Transitions Slideshow else if(Modernizr.

Csstransitions) { $('. Cornerimg'). AddClass('cornerimgcss'); var slideShowTO, slide; // Global vars $('.

Thumbs'). Click(function() { if (slide) $('#P' + slide). RemoveClass('cornerimgfocus'); slide = $(this).

Attr('id'); $('#P' + slide). AddClass('cornerimgfocus'); clearTimeout(slideShowTO); slideShowTO = setTimeout(function() { var next = $('#' + slide).next(); if (next. HasClass('thumbs')) next.click(); else $('.

Thumbs:first').click(); }, 4000); }); } $('. Thumbs:first').click(); }) Marvellous.

Simple Solution If anyone else ever needs a JQuery image gallery that defaults to CSS3 transitions for any device that supports these brilliant new features. You need the modernizr plugin and to keep your transition code out of the normal CSS. Then to have another CSS class that you add to all images in the slideshow only if modernizr detects CSS3.

That class will contain the CSS3 transition information and only being added now will not bog up non CSS3 devices. Then have a third CSS course with where you want the transition to go and apply the same login using (in this case JQuery addClass / removeClass. $(document).

Ready(function(){ // Standard JQuery Slideshow if(!Modernizr. Csstransitions) { $('. Cornerimg').hide(); // de all images var slideShowTO, slide; // Global vars $('.

Thumbs'). Click(function() { if (slide) $('#P' + slide). FadeOut(2000); slide = $(this).

Attr('id'); $('#P' + slide). FadeIn(2000); clearTimeout(slideShowTO); slideShowTO = setTimeout(function() { var next = $('#' + slide).next(); if (next. HasClass('thumbs')) next.click(); else $('.

Thumbs:first').click(); }, 4000); }); } // CSS Transitions Slideshow else if(Modernizr. Csstransitions) { $('. Cornerimg').

AddClass('cornerimgcss'); var slideShowTO, slide; // Global vars $('. Thumbs'). Click(function() { if (slide) $('#P' + slide).

RemoveClass('cornerimgfocus'); slide = $(this). Attr('id'); $('#P' + slide). AddClass('cornerimgfocus'); clearTimeout(slideShowTO); slideShowTO = setTimeout(function() { var next = $('#' + slide).next(); if (next.

HasClass('thumbs')) next.click(); else $('. Thumbs:first').click(); }, 4000); }); } $('. Thumbs:first').click(); }); Marvellous.

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.