插件描述：PANORAMA VIEWER将帮助您把全景照片嵌入在网站上。使用鼠标拖拽方试查看效果。
基本用法
现在你可以用这个插件显示你的全景照片。因此，首先你必须将最新的jQuery库,jquery.panorama_viewer.js和panorama_viewer.css插入您的文档的<head>。现在你要做的这将图像添加到你的HTML像这样：
1 2 3 4 | <div class="panorama"> <img src="your-panorama.jpg"> ...</div> |
一定要改变图像的源图像和调用函数，如下所示：
1 2 3 4 5 6 7 8 | $(".panorama").panorama_viewer({ repeat: false, //图像将重复当用户滚动到包围盒。默认值为false。 direction: "horizontal", //让你定义的滚动方向。可接受的价值观是“水平”和“垂直”。默认值是水平 animationTime: 700, //这允许你设置时间当图像被拖。设置为0以使其瞬间。默认值是700。 easing: "ease-out", // 宽度选项 "ease", "linear", "ease-in", "ease-out", "ease-in-out", and "cubic-bezier(...))". 默认值”。 "ease-out". overlay: true // 真/假 这个隐藏的初始指令覆盖 }); |
现在你将能够显示你的全景照片，而不依赖于网站的整体宽度。我希望你会发现这很有用。
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： jQuery下拉列表插件bootstrap-select
- 下一个特效： jQuery下拉菜单栏，兼容主流浏览器