首页 > 编程知识 正文

360全景效果插件,全景js插件

时间:2023-05-04 13:02:11 阅读:253117 作者:4523

插件描述: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               // 真/假 这个隐藏的初始指令覆盖

});

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

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。