脚本: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'});
}
}
一旦第二张幻灯片映入眼帘,我怎样才能让它发生变化。注意:将上面代码中的“>1”替换为“>0”会在页面加载后立即移动容器。