jQuery 3D轮播图

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

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

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

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

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

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

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

window.parent.document.querySelector("")

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

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

lightslider支持移动触摸的轻量级jQuery幻灯片插件

lightslider是一款轻量级的响应式jQuery幻灯片插件。lightslider幻灯片插件能够支持移动触摸设备,它可以制作为带缩略图的内容幻灯片,或者制作为无限循环的旋转木马。
  幻灯片和轮播图
 24818  321

带进度条的鼠标点击放大特效插件

通过拖动横向滚动条来放大或缩小组图
  幻灯片和轮播图
 24376  306

jQuery简单的轮播图

用最简单的最少量的代码完成轮播任务,无缝,无限循环,自适应窗口大小
  幻灯片和轮播图
 42180  327

可嵌入图片全屏滑动

可嵌入图片视频jQuery全屏滑块
  幻灯片和轮播图
 26070  412

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

    小情绪反复作祟 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
    怎么会有延迟出现效果??哪里可以修改 回复
    美美哒 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
    Knight-Zeng 0
    2017/12/15 22:57:45
    想问一下 canvas的画布颜色可以自己设置吗,现在是黑色的,想换成其他颜色 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复