移動滑塊我作爲縮略圖新的幻燈片映入眼簾

Question

腳本：jQuery的週期滑塊：http://jquery.malsup.com/cycle/

我用下面的代碼到我的滑塊縮略圖容器移動到由「130px」只剩下一幻燈片時逢前進入視野。當到達最後一張幻燈片時，頁邊距然後重置爲「0px」。這個效果很好，但是容器直到第三張幻燈片纔會移位。

這是我使用的代碼：

function onBefore(currElement, nextElement, opts, isFoward) { 
    var currentslide = opts.currSlide + 1; 
    if(currentslide == opts.slideCount) { 
     jQuery(".slider-nav").animate({marginLeft: '0'}); 
    } else if(currentslide > 1 && currentslide != opts.slideCount) { 
     jQuery(".slider-nav").animate({marginLeft: '-=133'}); 
    }   
} 

我怎樣才能把它轉移一次，第二滑動映入眼簾。注意：在上面的代碼中用「> 0」替換「> 1」會在頁面加載後立即移動容器。

Answer 1

我不知道在這個函數被調用的上下文。但是，我想你想下面的代碼：

function onBefore(currElement, nextElement, opts, isFoward) { 
     if(opts.currSlide == opts.slideCount) { 
     jQuery(".slider-nav").animate({marginLeft: '0'}); 
    } else { 
     jQuery(".slider-nav").animate({marginLeft: '-=133'}); 
    } 
} 

如果不起作用，可能是因爲你的第一個幻燈片（slideCount = 0），而不是（slideCount = 1）。如果是這樣的改變IF測試：

 if(opts.currSlide == (opts.slideCount - 1)) { 

問候 尼爾