jQuery 360度全景图插件 PANORAMA VIEWER

所属分类:输入-拖和放

 64977  306  查看评论 (3)
分享到微信朋友圈
X
jQuery 360度全景图插件 PANORAMA VIEWER ie兼容10

基本用法

现在你可以用这个插件显示你的全景照片。因此,首先你必须将最新的jQuery库,jquery.panorama_viewer.js和panorama_viewer.css插入您的文档的<head>。现在你要做的这将图像添加到你的HTML像这样:

<div class="panorama">
 <img src="your-panorama.jpg">
 ...
</div>

一定要改变图像的源图像和调用函数,如下所示:

 $(".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               // 真/假 这个隐藏的初始指令覆盖
  });

现在你将能够显示你的全景照片,而不依赖于网站的整体宽度。我希望你会发现这很有用。


相关插件-拖和放

jQuery拖拽拉伸缩放插件l_zoom

简约版拖拽拉伸缩放原生jQuery插件 包含 自由缩放 和 等比例缩放 模式 经典还远网页文本框操作简单
  拖和放
 28802  328

拖动排序插件

实现在两个div中,互相自由的拖动,并且排序
  拖和放
 51532  484

jquery div拖拽换位合并拆分(原创)

拖动div块,两个div距离足够近时合并,远一点时换位。右键点击已合并的div,可显示可选择拆分数组,点击要拆分的数据,即可拆分。再次右击已合并的div即可收起可选择的拆分数据组
  拖和放
 20688  228

htmlt拖放

html5拖放排序
  拖和放
 29318  318

讨论这个项目(3)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    0
    2017/2/7 11:34:45

    为什么我的IE11不行呢??

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

    如果用其他全景图的话,为啥中间会有一根线?

    回复
    煊煊 0
    2016/5/10 14:05:32
    整体来说效果还是不错 的,刚开始会给人一种没有结束的感觉,多看几次才发现他有多大。 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复