gpt4 book ai didi

javascript - 将图像轮播指示器添加到 jQuery 图像幻灯片而不需要 Bootstrap ?

转载 作者:行者123 更新时间:2023-12-01 05:46:21 25 4
gpt4 key购买 nike

我正在尝试创建一个没有 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);

最佳答案

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

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

关于javascript - 将图像轮播指示器添加到 jQuery 图像幻灯片而不需要 Bootstrap ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26447747/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com