原生js轮播图炸裂切换效果

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

 24653  313  查看评论 (17)
分享到微信朋友圈
X
原生js轮播图炸裂切换效果 ie兼容10
原生js轮播图炸裂切换效果使用教程

此插件为js原生插件,不需要引入任何js文件,主意此处图片路径

var imgArr = ['img/1.jpg','img/2.jpg','img/3.jpg','img/4.jpg'];

box 为图片容器,请根据图片大小设置宽高;

boom(x方向个数,Y方向个数),X,Y方向个数设置为容器宽高能除尽的数字,否则影响图片显示

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

焦点图插件myFocus Demo v2.0.1

使你的网页上可以运行超过30款风格各异的焦点图,在互联网独一无二
  幻灯片和轮播图
 32187  333

原生js实现轮播插件(支持左右箭头、圆点按钮、兼容IE8)(原创)

支持左右箭头、圆点按钮、代码注释全、可控效果按钮接口、简单语法、兼容IE8
  幻灯片和轮播图
 29984  300

带缩略图的图片点击切换

jCarousel带缩略图的图片点击切换插件
  幻灯片和轮播图
 33569  370

jquery左右全屏渐变切换焦点图特效

全屏渐变切换焦点图特效
  幻灯片和轮播图
 30822  346

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

    人来人往 0
    2019/11/10 13:44:21
    请问box变量是怎么来的,都没看到获取?
        路尔轩0
        2019/11/11 14:43:36
        原生JS中可以不用使用getElementById(),直接使用ID名称来获取元素,不过不建议使用,我写时候没有注意就直接用了,我有空会更新这个插件
    回复
    ywbv587 0
    2019/6/29 14:31:07
    很炫酷,可惜没币买
        路尔轩0
        2019/7/2 10:27:49
        谢谢你的肯定,可是我不知道怎么发给你
    回复
    MEI 0
    2019/6/25 9:49:31
    好看 可是我没有JQ币
        路尔轩0
        2019/6/27 17:10:11
        发布插件可以获取JQ币呦
        路尔轩0
        2019/6/27 17:10:59
        谢谢你的肯定,一起学习吧
    回复
    命。 0
    2019/6/9 16:23:42
    效果挺好看
        路尔轩0
        2019/6/10 15:33:03
        谢谢
    回复
    forever丶always 0
    2019/6/4 17:32:57
    幻世・刃 0
    2019/5/28 8:46:23
    陪伴是最长情的告白 0
    2019/5/23 9:14:34
    学习了!!!!!!!!!!!!
        lobve0
        2019/5/27 15:04:24
        我也想下载
        路尔轩0
        2019/5/29 9:07:00
        是没有jq币了吗?
        @0
        2019/6/20 12:49:59
        插件怎么用啊。。小白
        路尔轩0
        2019/6/22 11:01:07
        直接下载就可以用了,这个是用原生js写的
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复