插件描述：一款jQuery轮播图插件,宽度自适应。
更新时间：2021-12-12 22:12:30
更新说明：修改轮播抖动问题
更新时间：2021-12-02 00:47:08
使用方法
引入jquery，引入mySlider.js文件
<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script> <script src="js/mySlider.js"></script>
结构相同，类名可以随意更改
new Slider({
oSliderWrap: $('.J_sliderWrap'),
sliderItems: $('.item'),
yuan: $('.yuan'),
yuanItems: $('.yuan-item'),
btnGroupLeft: $('.btn-left'),
btnGroupRight: $('.btn-right')
}).init();
PREVIOUS:
NEXT:
相关插件-幻灯片和轮播图
jQuery图片切换插件Slides
Slides是一个jQuery插件用于将一组图片组织成一个好看的幻灯片展示控件。支持：循环、自动播放、淡入/淡出幻灯片切换效果，交叉淡入淡出，图片预加载，自动产生分页。
幻灯片和轮播图
讨论这个项目（5）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
VISSONIC议朗_燕辉 0
2022/3/31 18:10:26
-
大佬，这个轮播小点点在悬停时画面会白屏或者半透明，这种怎么解决，可以修复下bug吗，非常需要🌹
getter0
2022/3/31 19:13:52
-
你不说我没发现
getter1
2022/3/31 19:17:46
//图片切换
_slideAction: function(idx) {
this.sliderItems.eq(idx).stop(true, true).fadeIn(500)
.siblings().stop(true, true).fadeOut(500);
this.yuanItems.eq(idx).addClass('cur')
.siblings().removeClass('cur');
},stop里面添加两个参数 ，都为true，应该就可以了
第一个参数表示规定是否停止被选元素的所有加入队列的动画。
第二个参数表示规定是否允许完成当前的动画。
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
