添加图像轮播指示器到没有bootstrap的jQuery图像幻灯片?

时间:2014-10-19 05:47:34

标签: javascript jquery css twitter-bootstrap

我正在尝试创建一个没有引导程序的图像轮播。我已经完成了它但是想在底部添加轮播指示器,指定它当前与哪个幻灯片类似http://www.automatic.com具有它。

我的jsfiddle代码在这里:http://jsfiddle.net/x8rgm89z/

Javascript代码:

    $('.fadein img:gt(0)').hide();
     setInterval(function(){
    $('.fadein :first-child').fadeOut()
     .next('img').fadeIn()
     .end().appendTo('.fadein');}, 
     5000);

1 个答案:

答案 0 :(得分:0)

http://zurb.com/playground/orbit-jquery-image-slider

轨道滑块是一个不错的选择,请参阅上面的链接^