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; ---＆GT; .anythingSlider .wrapper ul {width：9999px;

jQuery anythingSlider - 使第一张幻灯片持续两次

3 个答案: