在图片轮播过程中，采用jquery，如何将除了第一张以外的图片全部隐藏？

Posted 2023-04-15

试试这个图片切换
有12345数字一起切换
鼠标点一下数字会变换到另一张图片，不点就会自动换
里面有教程和源码

参考资料：http://www.blueidea.com/common/shoutbox/redir.asp?1=p&id=10895

参考技术A 直接加一个$("#abc").hide();
这个acb是需要隐藏的id本回答被提问者采纳 参考技术B 先用css隐藏全部，当然js也行。
然后用first()这个函数找到你的第一张图片用js将其显示出来 参考技术C $(“这个图片id”).sibling().hide()

bootstrap图片轮播插件carousel

参考技术A 第一步：设置图片轮播的容器。---其他内容都需要放置在这个容器里
采用carousel样式，给这个容器一个ID值，方便后面采用data属性触发。

第二步：设置图片轮播计数器。
在容器div.carousel的内部添加图片轮播计时器，采用carousel-indicators样式，一般用ol有序列表（有几张图片放置几个li），以白点的形式展示(具体样式在bootstrap.css文件第5835行起)

第三步：设置轮播图片播放区
最关键的区域，主要用来放置需要轮播的图片，用carousel-inner样式控制，用item容器放置每张轮播的图片。

第四步：设置图片轮播控制器
一般图片轮播会有一个向前向后播放的控制器，在此，用carousel-control样式配合left、right来实现。