jQuery 3D轮播图

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

 61052  530  查看评论 (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带有导航效果的图片轮播

代码简单易懂,易修改的图片轮播效果底部附带导航效果
  幻灯片和轮播图
 34968  330

点击 放大 焦点图

点击箭头内容放大
  幻灯片和轮播图
 50571  479

jQuery手机触屏滑动的响应式图片轮播效果

jQuery响应式图片插件,多种图片滑动轮播切换,兼容手机端的触屏滑动图片切换代码。
  幻灯片和轮播图
 63990  475

高大上的全屏自适应的banner图

这是一个自适应的全屏banner,可以用来做网站的banner效果非常好,容易修改,代码简洁,容易修改。
  幻灯片和轮播图
 55835  425

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