2011-09-05 71 views
0

以下代碼觸發圖片庫。jQuery click()函數創建圓形輪播

$('#coursepanel .thumbstrip img:first').click(); 

我想5000毫秒的超時,然後下一個元素被觸發,然後陸續在5000毫秒下一個被觸發,等等等等......然後,如果該元素是最後一組再次觸發第一個。

+1

休息一下,有一個KitKat。大腦受傷對程序員來說並不好! – Kheldar

回答

2

我建議檢查出這種類型的功能的jQuery循環插件。它會爲您提供您所需要的功能,而無需您自己編寫程序。

http://jquery.malsup.com/cycle/

控制的效應的速度的參數是「超時」和「速度」。您可以結賬選項頁面上的所有選項:http://jquery.malsup.com/cycle/options.html

+0

不適用,因爲該圖庫不是JQuery圖庫,而是由CSS3提供動力。 JQuery我們只用於觸發類更改事件 –

+0

@Robin:請解釋「jQuery庫」與僅使用jQuery「觸發類更改事件」之間的確切區別。也許更新你的問題,更多的解釋爲什麼一個插件不工作,爲什麼輪子需要重新發明。 – Sparky

+0

因爲這裏所要求的全部都是觸發事件的無限循環。其餘的已經完成了。 –

0

輕微混亂。我們不是在一個JQuery畫廊之後,也不是一個插件。只是一個無限循環,會轉移到元素。腦縫現在要修復了。

function gslide(slide) { 

    $(slide).click(); 
    setTimeout(function(){ 

     if($(slide).attr('id') == $('#coursepanel .thumbstrip img:last').attr('id')) 
     { 
      gslide($('#coursepanel .thumbstrip img:first')); 
     } 
     else { 
     gslide($(slide).next()); 
     } 
    },3000); 
} 


gslide($('#coursepanel .thumbstrip img:first'));