Jquery Nivo Slider爲每張幻燈片設置延遲時間

我們正在使用一個特殊的系統，它允許我們的用戶設置幻燈片之間的延遲以及圖像是否包含鏈接。我們使用mootools進行幻燈片播放，但希望更新到nivoSlider。Jquery Nivo Slider爲每張幻燈片設置延遲時間

PHP腳本導出以下按我們的舊系統要求

var data = { 
'0225201274127_1.jpg': {delay:4000}, 
'0225201274417_4.jpg': {delay:3000}, 
'0225201274624_9.jpg': {delay:5000}, 
'0225201274607_8.jpg': {delay:3000}, 
'0225201274456_6.jpg': {delay:6000}, 
'0225201274521_7.jpg': {delay:7000}, 
'0225201274435_5.jpg': {delay:3000}, 
'0225201274338_2.jpg': {delay:2000}, 
'0225201274647_10.jpg': {delay:1000}, 
'0225201274359_3.jpg': {delay:6000}, 
'0225201274707_11.jpg': {delay:4000} 
};

我只是在尋找一種方法來設置上面幻燈片中單個圖像的延遲。

如果需要，我可以重新配置輸出。我們一整天都在嘗試不同的方法而沒有成功。

來源

2012-11-09 Douglas Cottrell

我在'afterLoad'中使用了一個數組，它工作良好。

var delays = [4000,3000,5000,3000]; //your delay array 

    function pageLoad() { 
     $(function() { 
      $('#slider').nivoSlider({ 
       pauseTime: 50000, 
       directionNav: true, 
       afterChange: function() { setDelay() }, 
       afterLoad: function() { setDelay() }, 
       controlNav: true, 
       pauseOnHover: false 
      }); 
     }); 
    } 

    function setDelay() { 
     var currentSlide = $('#slider').data("nivo:vars").currentSlide; 
     setTimeout(function() { 
      $('#slider').find('a.nivo-nextNav').click() 
     }, delays[currentSlide]); 

    }

希望這有助於。其餘的html是標準nivo佈局

來源

2012-12-27 21:32:24 vts

Jquery Nivo Slider爲每張幻燈片設置延遲時間

回答

相關問題