当新幻灯片出现时移动我的滑块缩略图
脚本：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”会在页面加载后立即移动容器。
Script: jQuery Cycle slider: http://jquery.malsup.com/cycle/
I'm using the following code to move my slider thumbnails container to the left by "130px" just before the next slide comes into view. The margin is then reset to "0px" when the last slide is reached. This works well, however the container does not shift until the third slide.
This is the code I'm using:
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'});
}
}
How can I have it shift once the second slide comes into view. Note: Replacing "> 1" in the code above with "> 0" shifts the container as soon as the page loads.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
我不确定调用该函数的上下文。但我认为您需要以下代码：
如果这不起作用，可能是因为您的第一张幻灯片是 (slideCount = 0) 而不是 (slideCount = 1)。如果是这样，请将 IF 测试更改为：
问候
尼尔
I'm not sure of the context in which this function is called. But I think you want the following code:
If that doesn't work it may be because your first slide is (slideCount = 0) instead of (slideCount = 1). If so change the IF test to:
Regards
Neil