Slideshow doesn't fade in IE
Hello, I'm a newbie in jQuery land.
I use a nice slideshow-script from Richard York
The first issue is that it doesn't fade in and out in Explorer. In Firefox it works fine.
Second, after a while the whole slideshow is messing up.
Here is the link to my site
- var $$ = $.fn;
- $$.extend({
- SplitID : function()
- {
- return this.attr('id').split('-').pop();
- },
- Slideshow : {
- Ready : function()
- {
- $('td.thumbnail')
- .hover(
- function() {
- $(this).addClass('thumbnail_hover');
- },
- function() {
- $(this).removeClass('thumbnail_hover');
- }
- )
- .click(
- function() {
- $$.Slideshow.Interrupted = true;
- $('div.slide').fadeOut(1000);
- $('td.thumbnail').removeClass('thumbnail_selected');
-
- $('div#slide-' + $(this).SplitID()).fadeIn(1000);
- $(this).addClass('thumbnail_selected');
-
- $$.Slideshow.Counter = parseInt($(this).SplitID());
- setTimeout('$$.Slideshow.Resume();', 10000); // Resume after 10 seconds
- }
- );
- this.Counter = 1;
- this.Interrupted = false;
- this.Transition();
- },
-
- Resume : function()
- {
- this.Interrupted = false;
- this.Transition();
- },
-
- Transition : function()
- {
- if (this.Interrupted) {
- return;
- }
- this.Last = this.Counter - 1;
- if (this.Last < 1) {
- this.Last = $('div.slide').length;
- }
- $('div#slide-' + this.Last).fadeOut(1000);
-
- $('div#slide-' + $$.Slideshow.Counter).fadeIn(1000,
- function() {
-
- $('td#thumbnail-' + $$.Slideshow.Last).removeClass('thumbnail_selected');
- $('td#thumbnail-' + $$.Slideshow.Counter).addClass('thumbnail_selected');
- $$.Slideshow.Counter++;
- if ($$.Slideshow.Counter > $('div.slide').length) {
- $$.Slideshow.Counter = 1;
- }
- setTimeout('$$.Slideshow.Transition();', 3000);
- }
- );
- }
- }
- });
- $(document).ready(
- function() {
- $$.Slideshow.Ready();
- }
- );