0

我正在制作一个 jquery 轮播，我让左/右滚动按预期工作。

但我还需要一个列表导航，每张幻灯片都带有 schortcuts，但我不能让它像我喜欢的那样工作。

我的想法是使用 index() 查找元素位置，然后按宽度 * 位置滚动到元素，但它不起作用。每次点击它都会返回不同的值。

此外，我需要找到一些智能解决方案，它应该滚动到哪个方向。

作为奖励，有没有人有一个优雅的解决方案来防止用户连续多次快速点击？然后它会连续滚动。如果只有 3 张幻灯片，则会出现空白。尝试使用 stop() 没有运气：/

我的代码在这里

http://jsfiddle.net/n8mEV/1/

非常感谢任何帮助！

4

1 回答 1

0

您可以设置一个变量来防止垃圾点击。前任 ：

var inAnimation = false;
$('.thumbnail-carousel-nav li').click(function(){
    if (inAnimation) return false;
    inAnimation = true;
/* More code */
 $(current_carousel).animate({'left' : left_indent},500,function(){    
            inAnimation = false;
/* ... */

为防止向后/下一页滚动出现空白页，您必须复制第一项和最后一项，并分别将它们附加并添加到您的列表中，例如：

<li>4th Item</li>

<li>1st Item</li>
<li>2nd Item</li>
<li>3rd Item</li>
<li>4th Item</li>

<li>1st Item</li>

这是仅显示一张图片的代码。

于 2012-08-20T10:19:29.060 回答