jquery 3d全景效果插件Theta Viewer

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

 13163  107  查看评论 (16)
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>


相关插件-图片展示

360度全景展示效果

按下鼠标左键拖拽360度全景展示效果
  图片展示
 9236  111

frescojs一个美丽的响应灯箱插件

frescojs一个美丽的响应灯箱插件。它可以用来创造惊人的展示效果,在任何尺寸的屏幕和所有的浏览器上显示。
  图片展示
 16888  48

jQuery缩略图插件jQThumb

这个插件帮助您按比例从图像中创建缩略图,同时jQThumb 兼容所有浏览器,包括 IE6
  图片展示
 2650  27

轻量级jQuery画廊插件Lighterbox

lighterbox是lighterweight和可定制的灯箱画廊。一个简单的插件支持现代移动和桌面浏览器
  图片展示
 13685  9

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

    ???? ?? 0
    2017/7/18 8:34:59

    报错啊,图片找不到

    回复
    小树~ 0
    2017/6/19 11:16:05

    png格式的图片不行?

    回复
    Say-hi 0
    2017/6/11 18:48:30
    强大的three.js,顺带鄙视下楼下这些问问题的,全都是伸手党,要不要把饭喂到你嘴里,再教你怎么吃啊??? 回复
    lipp 0
    2017/6/4 19:18:30

    能不能跟街景地图一样,前进后退

    回复
    lidaohong 0
    2017/5/23 11:09:07
    调用的函数传进网上图片的链接就会报错 回复
    lidaohong 0
    2017/5/23 11:03:41

    怎么不能用放入网上图片的连接

    回复
    四海为家 0
    2017/5/8 19:11:28

    大神, 把那个代码放在服务器里?

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

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

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

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

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

    有手机触屏事件吗

    回复
取消回复