2010-09-10 110 views
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; 
    }); 
} 
}); 

回答

2

如果使用周期寻呼机功能会生成列表,为您和添加“activeSlide”为一类到项目:寻呼机只需添加:

pager: '#nav' 

(或其他容器所需的列表内置)循环内的选项。演示在这里:x http://jquery.malsup.com/cycle/pager2.html虽然它听起来像你不会nessecarily需要页锚位

+0

它确实工作得很好,它解决了我的周期需要很多。我唯一的问题是自定义导航按钮,它写'',如果你想添加额外的类或跨度或任何没有办法(我知道)。 – jackJoe 2011-03-11 14:54:19

+0

你可以在你的css目标列表中? #nav一个{...} 或者,如果你需要为每个单独的class和id可以遍历列表 $( '#NAV A')。每个(函数(I){ $( this).addClass('item'+ i); }); 那么你最终会得到 ... tbwcf 2011-03-11 15:25:35

+0

好的建议谢谢! – jackJoe 2011-03-11 16:49:09