Question

有人可以帮我做两件事之一。

1）使循环插件突出显示相关按钮。

或 -

2）单击一个按钮，使循环插件停止旋转。

我的问题是图像循环，然后我点击一个按钮。骑行恢复，但先前选择的按钮保持突出显示。任何一种修复都是合适的。也许修复1是可取的，但我很容易。

这就是我现在所拥有的。

var $container = $('#slider .inner').cycle({ 
 fx:     'scrollHorz', 
 speed: 300,
 timeout: 4000 
}); 

$container.children().each(function(i) { 
 // There are only 3 images, this is to stop a random 4th button being created.
 if (i != 3) {
  $('<input type="button" value="'+(i+1)+'" />') 
   // append it to button container 
   .appendTo(bc) 
   // bind click handler 
   .click(function() { 
    // cycle to the corresponding slide 
    $container.cycle(i);

    $(".home_buttons input").removeClass('selected');
    $(this).addClass('selected');

    return false; 
   });
 }
});

Answer 1

如果您使用循环分页器功能将为您构建列表并将“activeSlide”作为类添加到该项目：pager只需添加：

pager: '#nav'

（或您希望列表内置的任何容器）到您的循环选项。在这里演示：x http://jquery.malsup.com/cycle/pager2.html虽然听起来你不会非常需要页面锚位

jQuery循环插件帮助

1 个答案: