0
有人可以帮我做两件事之一。jQuery循环插件帮助
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;
});
}
});
它确实工作得很好,它解决了我的周期需要很多。我唯一的问题是自定义导航按钮,它写'',如果你想添加额外的类或跨度或任何没有办法(我知道)。 – jackJoe 2011-03-11 14:54:19
你可以在你的css目标列表中? #nav一个{...} 或者,如果你需要为每个单独的class和id可以遍历列表 $( '#NAV A')。每个(函数(I){ $( this).addClass('item'+ i); }); 那么你最终会得到 ... tbwcf 2011-03-11 15:25:35
好的建议谢谢! – jackJoe 2011-03-11 16:49:09