2012-07-26 154 views
1

內容滑塊我有幾乎相同的內容滑塊像this one像幻燈片

我怎麼會讓它自動旋轉?我嘗試過不同的方式,但我無法使它工作。我試圖把一個點擊的鏈接,但它不工作:

i=1; 
function autoplay(){ 
$('#navPoveznica'+i).click(); 
i++; 
if(i>5){i=0}; 
setTimeout(autoplay, 2000); 
} 

我調用的函數,當DOM是.ready()
我真的沒了主意,爲什麼不這項工作?我可以選擇這種方式嗎?
我應該使用鏈接類和.each()

回答

1

它爲我工作得很好。請檢查Demo

請將您的html,js完全粘貼,以便我們可以在jsfiddle中進行檢查或設置它。

+0

是的,它的工作原理!我沒有工作,因爲我正在調用函數,我宣佈它:哦,謝謝! – damird 2012-07-27 08:18:43

1

你可以做的是使一個需要滑動像

//Define Variables 
var divArray = []; 
var delay: 6000; 
var autoPlay: true; 
var totalDivs: 5; 
i = 1; 

function createDivArray(){ 
    $('#content_slider_container').find("div").each(function() { 
     divArray.push(this.attr('id')); 
    }); 
} 

所有的div的數組然後寫一個自動播放功能就像這樣:

function autoPlay(divArray) { 
    ContentSlider = setInterval(function play(){ 
     $(divArray).eq(i).slideLeft(); 
     if (i >= totalDivs){ 
     i = 0; 
     } else { 
     i++; 
     } 
    } 
    }, options.delay); 

運行像

功能
autoPlay(divArray); 
+0

感謝您的答案,但似乎我的原始代碼的作品。歡呼 – damird 2012-07-27 08:19:51

+0

不用擔心,歡迎您! :) – Amyth 2012-07-27 08:32:38