jQuery全景3D图片展示插件Theta Viewer

友情提示：用web服务器打开查看demo。(本地预览请用火狐)

使用方法：

引入相应JS、CSS文件

<script src="http://www.sucainiu.com/themes/cdn/jquery/jquery-1.10.2.js"></script>
<script src="../libs/modernizr-2.7.1-csstransforms3d-canvas-touch.js"></script>
<script src="../libs/megapix-image.js"></script>
<script src="http://www.sucainiu.com/themes/cdn/jquery/three.min.js"></script>
<script src="../libs/Detector.js"></script>
<script src="../libs/CSS3DRenderer.js"></script>
<script src="../build/theta-viewer.min.js"></script>
<link rel="stylesheet" href="css/styles.css">

插件初始化、参数配置

(function ($) {
  'use strict';
  $("#theta-viewer").createThetaViewer('img/R0010035.JPG');
}(jQuery));

HTML结构

<div id="theta-viewer"></div>