jquery 3d全景效果插件Theta Viewer

所属分类:媒体-图片展示

 7764  72  查看评论 (9)
jquery 3d全景效果插件Theta Viewer ie兼容11

注:用web服务器打开查看demo。(本地预览请用火狐)

demo代码

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <script src="js/jquery-1.10.2.min.js"></script>
  <script src="js/modernizr-2.7.1-csstransforms3d-canvas-touch.js"></script>
  <script src="js/megapix-image.js"></script>
  <script src="js/three.min.js"></script>
  <script src="js/Detector.js"></script>
  <script src="js/CSS3DRenderer.js"></script>
  <script src="js/theta-viewer.min.js"></script>
  <link rel="stylesheet" href="css/styles.css">
  <title>Sample of THETA Viewer</title>
</head>
<body>
  <div id="theta-viewer"></div>
  <script>
(function ($) {
    'use strict';
    $("#theta-viewer").createThetaViewer('img/theta.jpg');//在此插入图片即可
}(jQuery));
  </script>
</body>
</html>


相关插件-图片展示

纯css3放大镜

通过css3样式实现放大镜的效果
  图片展示
 9272  73

gifplayer暂停或播放GIF图片

gifplayer暂停或播放GIF图片
  图片展示
 7730  34

jQuery和CSS3炫酷堆叠卡片展开和收缩特效

这是一款效果超酷的jQuery和CSS3堆叠卡片展开和收缩特效。该图片特效开始的时候卡片被堆叠在一起,当用户点击最上面的卡片的时候,堆叠图片以各种动画方式展开。展开后再点击任意卡片,它们又会收缩堆叠起来。
  图片展示
 5811  57

创建移轴效果的一款js

tiltShift.js 能够用它方便的创建出网页图片的移轴效果. 可悲的是,它尽能支持 Chrome & Safari 6 内核的浏览器.可悲.
  图片展示
 6087  22

讨论这个项目(9)回答他人问题或分享插件使用方法奖励jQ币

    大神 0
    2017/4/6 13:02:47

    使用其他360全景图出现的黑色圆形如何解决,谢谢

    回复
    只爱陌生人 0
    2017/4/5 18:20:06

    您好 ,问一下,可以修改成本地浏览可以兼容其他的浏览器吗?坐等!

    回复
    0
    2017/3/19 15:27:33

    有手机触屏事件吗

    回复
    SSH 0
    2017/1/9 16:01:02

    如果不是用你给的图的话,就会出现黑色的圆形,解决没有

    回复
    SiriBen 0
    2017/1/8 17:01:21

    这个是需要那种专门的360全景图片吗?

        王文冰冰冰0
        2017/1/18 10:00:30

        也可以自己合成

        网事如风0
        2017/2/21 16:29:41

        在哪里合成的?用什么软件,能告知一下吗

    回复
    l 0
    2016/12/11 10:12:47
    背景图是怎么拍出来的?
        ぁ陌小爱ぁ0
        2017/1/7 13:01:39

        模型渲染出来的吧

    回复
取消回复