360度图片旋转(原创)

所属分类:媒体,其他-图片展示,独立的部件,滑块和旋转

 43095  418  查看评论 (38)
分享到微信朋友圈
X
360度图片旋转(原创) ie兼容8

更新时间:2017/12/7 下午5:29:34

更新说明:修改图片预加载。


更新时间:2017/9/15 下午3:42:05

更新说明:修改了loadding一直加载不隐藏

$(document).ready(function() {
    $("#v3dTest").v3dControl({
        imgLength: 51, //必填        
        width: $(window).width(), //插件宽   可填 默认为容器宽 如果不想放大缩小序列图则填写序列图的宽高反之则不填width       
        height: $(window).height(), //插件高 可填 默认为容器高 如果不想放大缩小序列图则填写序列图的宽高反之则不填height       
        imgPath: "img/", //图片路径  可填 默认img/      
        imgType: ".png", //图片类型  可填 默认.png      
        isAuto: true //是否自动播放  可填 默认false 
    })
})
相关插件-图片展示,独立的部件,滑块和旋转

在圆点上不断滑动鼠标看看效果

图片以圆点显示,随着鼠标的滑动,圆点的尺寸越来越小,图片越来越清晰
  图片展示
 32398  450

jQuery图片放大、缩小、旋转

jQuery图片旋转插件jQuery.artZoom修改版
  图片展示
 52026  308

jQuery CSS3实现的方向感知悬停网页特效

jQuery CSS3实现的方向感知悬停网页特效
  图片展示
 36246  462

Apple TV的海报视差效果

CSS和jQuery重现这种现象
  图片展示
 32542  419

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

    胖鱼 0
    2020/11/12 18:58:08
    求问图片显示比例怎么调?谢谢! 回复
    逍遥剑客 0
    2018/3/26 18:18:19
    效果真的听绚丽的 回复
    小江 0
    2017/12/13 11:10:39

    请问大神,怎么实现3D拖动旋转的功能的情况下还能放大缩小图片。邮箱1434851770@qq.com

    回复
    燃烧的皇子 0
    2017/9/15 11:47:36

    请问大神,这个能做让他开始自动旋转么,然后手指滑动他 也一样转动

        taTA.0
        2017/9/15 11:56:04

        必须的可以啊,

        isAuto: true

        燃烧的皇子0
        2017/9/15 11:57:05

        不好意思,下载下来才发现可以,大神js怎么学的啊,新手求学习方向

        燃烧的皇子0
        2017/9/15 11:58:45

        万分感谢,又解决了一个项目难题,昨天下载的3deye,就是不能自动播放,烦死了。还好今天搜了下,

        taTA.0
        2017/9/15 12:06:59

        想速成就用插件,想提升就研究js。

        燃烧的皇子0
        2017/9/15 14:19:08

        亲,为什么只显示一半啊,应该改哪里啊

        燃烧的皇子0
        2017/9/15 14:21:36

        再有就是宽高能写百分比么,我改百分比没有作用,要搞适配,不能写绝对值

        燃烧的皇子0
        2017/9/15 14:43:19
        那个cannavs里面的top值不管怎么改都下不来
        燃烧的皇子0
        2017/9/15 14:47:59

        定位的问题搞定了,就差那个宽度问题,适配

        燃烧的皇子0
        2017/9/15 14:54:53

        大神,为什么我做好放手机上看,手指滑动为什么不跟着动,反而越转越快

        燃烧的皇子0
        2017/9/15 15:04:40

        滑的次数越快,转的就越快,像云霄飞车。

        taTA.0
        2017/9/15 15:23:53

        你邮箱好多,我单独发你一版,插件更新还要等审核

        燃烧的皇子0
        2017/9/15 15:29:16

        260235407@qq.com  感谢大神

        Scripter0
        2018/1/2 15:03:41

        857777206@qq.com

        liaohongze0
        2018/5/7 16:03:25
        我也遇到手机端不跟着动,反而越转越快的问题,请问怎么解决?
        留邮箱?464749590@qq.com
    回复
    单程车票Wing 0
    2017/8/25 16:49:20

    请问大神,现在的是移动鼠标水平方向,旋转,如何改成,鼠标垂直方向移动,进行选择?

        taTA.0
        2017/8/25 16:52:47

        为啥要垂直呢,如果非要改为垂直可以把代码里面改改,_initHScroll() 里面的X改为Y就是垂直了。因为没考虑垂直,所以要自己去改代码了。

        单程车票Wing0
        2017/8/25 17:12:31

        客户有这个要求,方便提供吗?本人自己不懂这块。

        如若方便的,这是我的邮箱 853816866@qq.com。

        万分感谢。

        单程车票Wing0
        2017/8/25 18:25:45

        打扰了,已经好了,之前改错一个地方。谢谢。

    回复
    单程车票Wing 0
    2017/8/9 17:28:56

    请问大神,这里的图片,是不要要3D做出来的图? 

        taTA.0
        2017/8/9 17:31:12

        是的,3d做的序列帧。

        单程车票Wing0
        2017/8/9 17:38:54

        谢谢,扣了几张图,效果太差了。

    回复
    ①?rénDê菰? 0
    2017/7/24 18:51:43
    为什么我不能添加两个图片呢!
        taTA.1
        2017/8/9 17:32:28

        添加两张图要改js代码的。

        imgLength: 51,//必填

    回复
    语过添情 0
    2017/7/12 16:42:00

    鼠标松开不能给document绑定吗

        taTA.0
        2017/7/12 17:05:08

        绑定什么,目前绑定区域为插件区域,不是document区域

    回复
    独单あ心事い 0
    2017/7/12 16:41:58

    看了评论区  突然觉得感觉脑子是个好东西 

    回复
    demon 0
    2017/7/6 12:02:41
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复