??
HTML結(jié)構(gòu)
可以創(chuàng)建一個(gè)空的
復(fù)制代碼
初始化插件
要初始化該全景圖插件寓辱，可以創(chuàng)建一個(gè)新的PhotoSphereViewer對(duì)象，然后在這個(gè)對(duì)象中插入一個(gè)參數(shù)對(duì)象甫窟，有兩個(gè)參數(shù)是必須設(shè)置的：
var PSV = new PhotoSphereViewer({
// Path to the panorama
panorama: '1.jpg',
// Container
container: div
});? ?? ?
復(fù)制代碼
配置參數(shù)
下面是該全景圖插件的所有可用配置參數(shù)：
panorama：必填參數(shù)跟继，全景圖的路徑种冬。
container：必填參數(shù)，放置全景圖的div元素舔糖。
autoload：可選娱两，默認(rèn)值為true，true為自動(dòng)調(diào)用全景圖金吗，false為在后面加載全景圖(通過.load()方法)十兢。
us empdata：可選，默認(rèn)值為true摇庙，如果Photo Sphere Viewer必須讀入XMP數(shù)據(jù)則為true旱物。
default_position：可選，默認(rèn)值為{}卫袒，定義默認(rèn)的位置宵呛，及用戶看見的第一個(gè)點(diǎn)，例如：{long: Math.PI, lat: Math.PI/2}夕凝。
min_fov：可選宝穗，默認(rèn)值為30，觀察的最小區(qū)域码秉，單位degrees逮矛，在1-179之間。
max_fov：可選泡徙，默認(rèn)值為90，觀察的最大區(qū)域膜蠢，單位degrees堪藐，在1-179之間。
allow_user_interactions：可選挑围，默認(rèn)值為true礁竞，設(shè)置為false則禁止用戶和全景圖交互(導(dǎo)航條不可用)。
tilt_up_max：可選杉辙，默認(rèn)值為Math.PI/2模捂，向上傾斜的最大角度，單位radians。
tilt_down_max：可選狂男，默認(rèn)值為Math.PI/2综看，向下傾斜的最大角度，單位radians岖食。
zoom_level：可選红碑，默認(rèn)值為0，默認(rèn)的縮放級(jí)別泡垃，值在0-100之間析珊。
long_offset：可選，默認(rèn)值為PI/360蔑穴，mouse/touch移動(dòng)時(shí)每像素經(jīng)過的經(jīng)度值忠寻。
lat_offset：可選，默認(rèn)值為PI/180存和，mouse/touch移動(dòng)時(shí)每像素經(jīng)過的緯度值奕剃。
time_anim：可選，默認(rèn)值為2000哑姚，全景圖在time_anim毫秒后會(huì)自動(dòng)進(jìn)行動(dòng)畫祭饭。(設(shè)置為false禁用它)
theta_offset：過時(shí)的選項(xiàng)，可選叙量，默認(rèn)值為1440倡蝙，自動(dòng)動(dòng)畫時(shí)水平方向的速度。
anim_speed：可選绞佩，默認(rèn)值為2rpm寺鸥，動(dòng)畫的速度，每秒/分鐘多少radians/degrees/revolutions品山。
navbar：可選值胆建，默認(rèn)為false。顯示導(dǎo)航條肘交。
navbar_style：可選值笆载，默認(rèn)為{}。導(dǎo)航條的自定義樣式涯呻。下面是可用的樣式列表：
backgroundColor：導(dǎo)航條的背景顏色凉驻，默認(rèn)值為rgba(61, 61, 61, 0.5)。
buttonsColor：按鈕的前景顏色复罐，默認(rèn)值為transparent涝登。
activeButtonsBackgroundColor：按鈕激活狀態(tài)的背景顏色，默認(rèn)值為rgba(255, 255, 255, 0.1)效诅。
buttonsHeight：按鈕的高度胀滚，單位像素趟济，默認(rèn)值為20。
autorotateThickness：autorotate圖標(biāo)的厚度咽笼，單位像素顷编，默認(rèn)值為1。
zoomRangeWidth：縮放的范圍褐荷，單位顯示勾效，默認(rèn)值50。
zoomRangeThickness：縮放的范圍的厚度叛甫，單位像素层宫，默認(rèn)值1。
zoomRangeDisk：縮放范圍的圓盤直徑其监，單位像素萌腿，默認(rèn)值為7。
fullscreenRatio：全屏圖標(biāo)的比例抖苦，默認(rèn)值為3/4毁菱。
fullscreenThickness：全屏圖標(biāo)的厚度，單位像素锌历，默認(rèn)值為2贮庞。
loading_msg：可選，默認(rèn)值為L(zhǎng)oading…究西，圖片加載時(shí)的提示文字窗慎。
loading_img：可選，默認(rèn)值為null卤材，在加載時(shí)顯示的圖片的路徑遮斥。
size：可選，默認(rèn)值null扇丛，全景圖容器的最終尺寸术吗。例如：{width: 500, height: 300}。
onready：可選值帆精，默認(rèn)值為null较屿。當(dāng)全景圖準(zhǔn)備就緒并且第一張圖片顯示時(shí)的回調(diào)函數(shù)。
如果你喜歡這個(gè)插件卓练，那么你可能也喜歡:
基于three.js的炫酷Canvas 3D線條動(dòng)畫特效
本文版權(quán)屬于jQuery之家隘蝎，轉(zhuǎn)載請(qǐng)注明出處：http://www.htmleaf.com/jQuery/Image-Effects/201508112394.html
至于為啥報(bào)錯(cuò)了沒出現(xiàn)效果請(qǐng)用本地服務(wù)器預(yù)覽
