jQuery 3D轮播图

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

 62518  531  查看评论 (41)
分享到微信朋友圈
X
jQuery 3D轮播图 ie兼容10

1. 根据可视区域大小改变

2. 我才用的是添加伪数据,根据数据生成对应图,如果想增加图片可以在3Ddata.js里面添加数据即可。

3. 提醒一点:3D.js里的,

window.parent.document.querySelector(".div3D .quit3D")

  这段代码让我注释掉了;这里是如果采用iframe嵌套这个页面,这里的

window.parent.document.querySelector("")

是获取iframe父级里面的元素。

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

jquery仿酷狗官网新闻焦点图

jquery仿酷狗官网新闻焦点图,jquery扩展方法,自动切换,可控制时间,简单易改,效果很炫,适合首页展示,兼容各大浏览器
  幻灯片和轮播图
 31308  414

js商品详情轮播图

产品组图展示,自动轮播图
  幻灯片和轮播图
 39005  367

有道的banner轮播切换效果js实例

基于swiper的banner切换效果js实例,自适应轮播图
  幻灯片和轮播图
 49384  460

jq全兼容自适应宽度图片轮播(新手适用)

简单的jq逻辑,方便引用,易看懂,兼容性好
  幻灯片和轮播图
 24176  213

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

    我有点儿懵~ 0
    2021/11/29 10:29:47
    我把插件导入到react项目 for (var i = start; i < newData.length; i++) { 这段里面的newData一直提示无法读取未定义属性 是什么原因?
        我有点儿懵~0
        2021/11/29 10:31:25
        这段代码是在3D.js文件里
    回复
    小情绪反复作祟 0
    2019/3/25 11:15:40
    中间图片 点两下出现bug ......
        小情绪反复作祟0
        2019/3/25 11:21:28
        看错啦 不是bug
    回复
    路痴熊 0
    2018/12/27 11:34:31
    能自动轮播吗
        一心做一事0
        2019/1/18 10:54:35
        可以,不过时间是5s,感觉太久了,不知道怎么控制时间,难受
        西瓜1
        2019/1/18 11:04:34
        3D.js中timer = setInterval(nextFun,10000);第80行和86行有两个修改4000(为4秒)
    回复
    张东233 0
    2018/8/20 17:03:14
    怎么会有延迟出现效果??哪里可以修改
        Lov.J0
        2023/9/19 9:15:27
        这个是它设置的效果
    回复
    美美哒 0
    2018/4/8 17:43:43
    为什么放在项目里面有报错
    3d.js:81 Uncaught TypeError: Cannot set property '' of undefined
    at HTMLDocument. (3d.js:81)
    at j (jquery-1.11.3.min.js:2)
    at Object.fireWith [as resolveWith] (jquery-1.11.3.min.js:2)
    at Function.ready (jquery-1.11.3.min.js:2)
    at HTMLDocument.J (jquery-1.11.3.min.js:2) 回复
    岗隆技术 0
    2018/3/9 11:33:30

    这个js怎么是url的,我下载到本地怎么弄

        碎念:回首,幸福一指尖0
        2019/12/7 14:00:14
        通过url获取js。本地保存就行。命名重新引用就好
    回复
    仰望 0
    2018/2/5 17:16:10
     0
    2017/12/27 11:17:14
    cnitc王艳玲 0
    2017/12/25 15:31:38
    风华爵士 0
    2017/12/21 10:44:26
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复