jQuery响应式轮播图,无缝大屏滚动插件(原创)

所属分类:媒体-幻灯片和轮播图

 36244  332  查看评论 (9)
分享到微信朋友圈
X
jQuery响应式轮播图,无缝大屏滚动插件(原创) ie兼容7

使用方法

直接在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") + ")");
    });
});

该插件简单易懂 初学者更容易学习

相关插件-幻灯片和轮播图

jQuery 3D旋转轮播插件Waterwheel Carousel

非常实用的3D轮播插件,兼容性良好,还可以自己扩展
  幻灯片和轮播图
 39352  354

基于swiper相应式轮播图插件

基于swiper相应式轮播图插件,带banner计时切换和支持移动端触屏切换
  幻灯片和轮播图
 30483  362

jquery仿flash漂亮横向图片滚动效果

jquery仿flash漂亮横向图片滚动效果
  幻灯片和轮播图
 34532  342

jQuery焦点图插件slideshow-jq.js

jQuery自动化图片比例焦点图slider效果
  幻灯片和轮播图
 29978  313

讨论这个项目(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
        不晓得,没有报错了,没有反应
    回复
    SE-李宏德 0
    2018/7/2 17:02:12
    有BUG啊
        昵费0
        2018/7/3 10:51:49
        下载之后会没有 我不清楚在jquery浏览效果会有bug
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复