大banner轮播

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

 46585  423  查看评论 (15)
分享到微信朋友圈
X
大banner轮播 ie兼容6

更新时间:2017/8/10 下午3:33:56

更新说明:针对广大用户提出的各种BUG的修复!

 切换方向反了(个人喜好而已)ie部分浏览器中间小点点击无事件响应问题ie7一下一直刷新问题


一个根据公司项目自己做的,灵活性不是很大,需要使用者根据demo的结构来构建。抛出来就是为了能给一些刚入行的朋友提供下便利!

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

基于swiper带视差切换效果的轮播图

双层轮播图,里面的轮播图是一倍速轮播,外面的轮播图是双倍苏轮播,意想不到的美感
  幻灯片和轮播图
 35903  343

jQuery图片轮播插件jquery.tiles.js

jquery.tiles图片切换插件,支持多达12种特效、22个自定义参数;支持随机顺序、循环、正反方向、导航、缩略图;幻灯片播放前、中、后自定义事件等,相信可以满足绝大多数需求。
  幻灯片和轮播图
 29791  373

可拖动的轮播插件(视频存在进度条,swiper插件)

可以拖拽实现切换图片,可以将图片和视频一起实现滑动。视频存在进度条,进度条完毕,实现切换
  幻灯片和轮播图
 38424  372

jQuery炫酷的相册幻灯

jQuery炫酷的相册幻灯
  幻灯片和轮播图
 36183  440

讨论这个项目(15)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    ?=殇~旋律?? 1
    2018/9/10 15:45:05
    觉得反了看着不舒服的就改成:_timer=setInterval(function(){$prevBnt.click()},3000) 这样的顺序就对了
        チョコ0
        2019/6/9 5:00:12
        赞!
    回复
    Ricky 0
    2017/12/13 15:03:43
    觉得反了的同学可以把默认的nextBtn click() 改成 prevBtn Click()  () 回复
    ACY 0
    2017/8/10 9:46:31
    0
    2017/3/7 11:12:41

    IE确实不兼容,下面的小点不可点击

        豆腐腦0
        2017/8/10 15:39:59

        ie的部分浏览器有空元素点击不响应绑定事件的BUG,可以给li里加个标签给标签里写内容然后通过opacity把内容隐藏掉!

    回复
    满天星 0
    2017/1/11 11:01:01
    放在服务器上面var $focusBanner=$(".focus-banner"),这里出现Uncaught SyntaxError: Unexpected token -。 回复
    叮叮咚咚-李 0
    2016/11/2 10:11:47
    屏幕大小改变后会刷新页面,这是为什么?
        豆腐腦0
        2017/8/10 15:38:14

        暴力的方式重新加载运行js计算banner的大小!做到自适应,如有需求自行修改!

    回复
    Rock Music 0
    2016/3/11 11:03:00
    木盒子 0
    2015/11/24 9:11:28

    ie7有问题,ie低版本不能点击下面小点。ie高版本不能点击右侧按钮

        豆腐腦0
        2017/8/10 15:42:05

        啥年代了还ie7呢!ie7的resize事件是个坑!

    回复
    ゛Arlen 0
    2015/8/18 16:08:28
    ′自ˉ定义? 0
    2015/8/5 10:08:11
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复