2013-02-12 55 views
3

這段代碼似乎是負責我的網站上的圖像滑塊(它目前不在線)。我想自定義幻燈片之間的延遲。我試圖在年底「10000」,或「900000」或任何改變「5000」,但它沒有任何作用。我究竟做錯了什麼?如何在此腳本中自定義延遲?

function slideSwitch() { 
var $active = $('#slideshow IMG.active'); 

if ($active.length == 0) $active = $('#slideshow IMG:last'); 

// use this to pull the images in the order they appear in the markup 
    var $next = $active.next().length ? $active.next() : $('#slideshow IMG:first'); 
// uncomment the 3 lines below to pull the images in random order 

// var $sibs = $active.siblings(); 
// var rndNum = Math.floor(Math.random() * $sibs.length); 
// var $next = $($sibs[ rndNum ]); 


    $active.addClass('last-active'); 

    $next.css({opacity: 0.0}) 
    .addClass('active') 
    .animate({opacity: 1.0}, 1500, function() { 
     $active.removeClass('active last-active'); 
    }); 
} 

$(function() { 
    setInterval("slideSwitch()", 5000); 
}); 
+0

也許你不得不改變動畫速度兩個嘗試登錄的setInterval的東西,當看到它的日誌和持續時間 – Sedz 2013-02-12 00:10:00

+0

我不認爲這會事,但變化'「slideSwitch()」''到slideSwitch' – 2013-02-12 00:13:37

回答

0

我想你shold帶走支架

,如:

setInterval("slideSwitch", 5000); 

嘗試

0

LIVE DEMO

var $img = $('#slideshow').find('img'); 
var C = 0;     // COUNTER 
var N = $img.length ;   // NUMBER OF IMAGES 
var intv;      // INTERVAL 

$img.hide().eq(C).show(); // PREPARE VISIBILITIES 

function slideSwitch() { 
    intv = setInterval(function(){ 
    $img.stop().fadeTo(500, 0).eq(++C % N).stop(1).fadeTo(500, 1); 
    },2000); 
} 

slideSwitch();    // RUN 


// PAUSE ON MOUSEENTER :) 
$('#slideshow').on('mouseenter mouseleave', function(e){ 
    var isMEnt = e.type=='mouseenter' ? clearInterval(intv) : slideSwitch();    
});