360全景html插件,jQuery 360度全景图插件 PANORAMA VIEWER

插件描述：PANORAMA VIEWER将帮助您把全景照片嵌入在网站上。使用鼠标拖拽方试查看效果。

基本用法

现在你可以用这个插件显示你的全景照片。因此，首先你必须将最新的jQuery库,jquery.panorama_viewer.js和panorama_viewer.css插入您的文档的

。现在你要做的这将图像添加到你的HTML像这样：

...

一定要改变图像的源图像和调用函数，如下所示：$(".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 // 真/假这个隐藏的初始指令覆盖

});

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

360全景html插件,jQuery 360度全景图插件 PANORAMA VIEWER相关推荐

android显示全景图片素材,【行业应用】360°全景-如何制作一个360度全景图
第一步:拍摄全景图原始素材由专业的摄影师使用专业相机.鱼眼镜头以及三脚架拍摄汽车.房间或者其他需要360全景展示的对象照片我们来看下备用的三张原始素材第二步:使用"PTGui Pro& ...
360全景拍摄方式总结：360度全景拍摄有哪些种类?
如今360度全景是最受欢迎的一种摄影模式,而且全景种类也越来越多,那么360度全景拍摄有哪些种类?今天小编就给大家简单介绍一下. 1,普通水平360全景,即普通人在站立时的视水平线以下拍摄的全景图.大 ...
360全景如何拼接制作?360全景拼接制作教程
全景720是一种沉浸式效果图,它可以让人们的视角在场景中自由移动.全景场景可以包含热点,通过点击热点来回切换场景.场景还可以包括音乐.视频.声音和其他交互. 720全景也可以通过点击进入.像全景漫游一 ...
html 弹出层插件,jQuery弹出层插件(原创)
插件描述:简约的jQuery弹出层插件更新时间:2020-01-17 23:37:28 更新说明:版本v4.3.0 1.修复最大化可拖动.改变大小的问题 2.去除对于图片的依赖 3.更新拖动插件 4 ...
JS+CSS3 360度全景图插件 - Watch3D.js
日常闲扯从上一篇文章到这篇中间快过了一年了,时间真滴过得快.不是在下中间没想过写新的文章,而是自己确实变懒了(体重+1 +1 +1 +1....) ..OTL...不过到最后觉得还是需要写点东西,不 ...
html页面左右滑动固定插件,jQuery全屏滚动插件fullPage.js让你的页面分屏滚动
随着扁平化风格的日益流行,越来越多的网页越来越简单但又看上去高大上,比如小米.魅族.苹果等等知名站点的新品页面,以及360.百度等网站的专题页面越来越采用分屏滚动的风格. 当然实现这种风格的方法有多种 ...
html组织架构插件,jQuery组织架构图插件okrTree.js
插件描述:jQuery组织架构图支持拖拽节点,支持插入标记节点,分支节点更新时间:2021-03-02 23:52:07 更新说明: 1. 修改默认主题, 2. 添加自定义主题接口var s = $ ...
html中轮换图片插件,jQuery轮播图插件
插件描述:该插件基于jquery开发,现阶段很多PC网站都需要用到轮播图切换的效果全屏轮播图该插件基于jquery开发,现阶段很多PC网站都需要用到轮播图切换的效果,很多时候要在页面中复用轮播图, ...
html电商数量加减插件,jQuery数字加减插件
左右加减数字像京东提交订单时目前使用的是左右加减数字的效果,这个效果直接明了,操作简单.我们使用jquery.spinner.js插件实现左右加减数字,调用方法非常简单,请看演示示例1. 调用也非常 ...

360全景html插件,jQuery 360度全景图插件 PANORAMA VIEWER

360全景html插件,jQuery 360度全景图插件 PANORAMA VIEWER相关推荐

最新文章

热门文章