2013-03-14 186 views
3

我在Javascript中製作幻燈片,並且卡在第二張圖片上。如果你需要更多的信息,讓我知道和生病張貼它。我真的需要這個修復。Javascript幻燈片被卡住

http://jsfiddle.net/QURLC/1/

的Javascript:

function slideShow() { 
     var showing = $('#slideshow a'); 
     var next = showing.next().length ? showing.next() : showing.parent().children(':first'); 
     var timer; 

    showing.fadeOut(500, function() { next.fadeIn(200).addClass('show'); }).removeClass('show'); 

    setTimeout(slideShow, 3500); 
} 
$(document).ready(function(){ 
    slideShow(); 
}); 
+0

+1。 :) – 2013-03-14 00:22:34

+0

嘿,你忘了包括jQuery在你的jsfiddle,所以它不工作:) – 2013-03-14 00:25:07

+0

=))所有的圖像顯示和淡入淡出的同時,你所有的 user1487380 2013-03-14 00:53:17

回答

2

這裏更新幷包括您的jsfiddle工作demo

function slideShow() { 

     var showing = $('#slideshow a.show'); 
     var next = showing.next().length ? showing.next() : showing.parent().children(':first'); 
     var timer; 

     showing.fadeOut(500, function() { next.fadeIn(200).addClass('show'); }).removeClass('show'); 

     setTimeout(slideShow, 3500); 

    } 
+0

哇,這是一個簡單的修復,也許爲我節省5個小時。謝謝 – 2013-03-14 00:34:15

+0

爲什麼不只是'showing.siblings()。first()'? – rlemon 2013-03-14 00:34:23

+0

懸停時添加暫停現在很容易,還是太複雜? – 2013-03-14 00:36:26