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

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

 24659  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方向个数设置为容器宽高能除尽的数字,否则影响图片显示

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

jQuery轮播插件slider

最全最简单最通用的 幻灯片轮播 ,可控制的插件,pc端和移动端都可完美使用
  幻灯片和轮播图
 615006  1202

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

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

jQuery大图切换带文字动态效果

前人种树后人乘凉,在原基础上修改样式,感觉这样之后比较常用
  幻灯片和轮播图
 33656  414

基于jquey实现的轮播插件(原创)

基于jquey实现的轮播插件(支持左右箭头、圆点按钮、触摸切换、自动轮播)简单易用
  幻灯片和轮播图
 29194  279

讨论这个项目(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写的
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复