插件描述：代码清晰,动画流畅,无bug的banner滚动轮播
使用方法
直接在html引入banner图
<ul > <li><img src="images/banner1.jpg" /></li> <li><img src="images/banner2.jpg" /></li> <li><img src="images/banner3.jpg" /></li> </ul>
jquery控制banner以背景图显示不影响图片像素
$(function() {
$(".banner_img img").css("display", "none")
$(".banner_img li").each(function(e) {
$(".banner_img li:eq(" + e + ")").css("backgroundImage", "url(" + $(
".banner_img li:eq(" + e + ")").find("img").attr("src") + ")");
});
});该插件简单易懂 初学者更容易学习
PREVIOUS:
NEXT:
相关插件-幻灯片和轮播图
jQuery.slidizle可完全自定义的响应式jQuery幻灯片插件
jQuery.slidizle是一款可完全自定义的响应式jQuery幻灯片插件。该插件只是将一些class类放置到幻灯片的HTML标签中，用户可以通过修改这些class来修改幻灯片的外观。
幻灯片和轮播图
讨论这个项目（9）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
Zero 0
2019/7/17 13:56:19
-
用法能不能写详细点啊， 下载下来的文件没问题，引入到自己的里面就有问题
鹤舞白沙0
2019/7/17 14:17:46
我看了一下，这个插件代码，使用非常简单，说明调用有问题，chrome下按f12,代码有错右，控制台下角会有错误提示。根据提示进行修改。
浅行丶 0
2018/7/19 10:03:29
-
下载之后没有效果。。。。。。。。。。。
浪费钱。。。。。。。。。。。。。。。。。。。。
浅行丶0
2018/7/19 10:05:23
-
好吧，只是谷歌没效果
浅行丶0
2018/7/19 10:23:02
-
不能自适应屏幕
西瓜0
2018/7/19 10:45:16
-
我这里谷歌浏览器测试没有问题，并且是自适应屏幕
浅行丶0
2018/7/19 11:58:26
-
不晓得，没有报错了，没有反应
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
