插件描述：3d全景效果插件Theta Viewer,拖动可全方位查看全景图各个方位
注：用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>PREVIOUS:
NEXT:
相关插件-图片展示
HTML5/CSS3超酷焦点图特效
焦点图插件切换效果比较简单，但是外观和功能却十分强大。该CSS3焦点图在切换图片时，图片以淡入淡出的方式缩小消失并显示下一张图片。焦点图插件还拥有一套非常大气的前后翻页按钮，是一款非常实用HTML5/CSS3焦点图应用。
图片展示
讨论这个项目（17）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
