jQuery anythingSlider - 使第一張幻燈片最後兩次長

Question

我使用Chris Coyier的anythingSlider。

基本上它使得列表項在指定的時間之後從左側滑入。

我想調整代碼，以便第一個<li>可見兩倍於其他人。

E.g.如果幻燈片可見7秒，則第一張幻燈片需要14秒可見。

任何想法？

Answer 1

應該很容易

var timeVisible = 7000; 
$('.anythingSlider').anythingSlider({ 
    autoPlay: true, 
    startStopped: true, 
    delay: timeVisible , 
    ... 
}); 

setTimeout(function() { 
    $("div.anythingSlider a#start-stop").trigger("click"); 
}, timeVisible); 

Answer 2

您可以在startStop功能改變這個（通知var extraTime）：

 // Handles stopping and playing the slideshow 
    // Pass startStop(false) to stop and startStop(true) to play 
    base.startStop = function(playing){ 
     if(playing !== true) playing = false; // Default if not supplied is false 

     // Update variable 
     base.playing = playing; 

     // Toggle playing and text 
     if(base.options.autoPlay) base.$startStop.toggleClass("playing", playing).html(playing ? base.options.stopText : base.options.startText); 

     var extraTime = 0; 
     if(base.currentPage == 1){ 
      extraTime = base.options.delay; 
     } 

     if(playing){ 
      base.clearTimer(); // Just in case this was triggered twice in a row 
      base.timer = window.setInterval(function(){ 
       base.goForward(true); 
      }, base.options.delay + extraTime); 
     } else { 
      base.clearTimer(); 
     }; 
    }; 

這在jquery.anythingslider.js 223線。

Answer 3

anythingSlider似乎並不在Opera 10.10的工作（至少對我來說）。

.anythingSlider .wrapper ul {width：99999px; ---> .anythingSlider .wrapper ul {width：9999px;