當前位置:股票大全官網 - 基金投資 - 如何嵌入到HTML中

如何嵌入到HTML中

嵌入到HTML版本1.19為了將krpano查看器嵌入到HTML頁面embedpano.js中,需要壹個腳本。這個腳本執行許多重要的自動檢測和設置工作,例如設備/系統功能檢測(Flash或HTML5)並自動修復許多瀏覽器和系統相關的問題和限制(鼠標滾輪的使用)。這使得嵌入krpano查看器變得容易和簡單——壹個腳本包含壹行嵌入代碼就足夠了。文檔主題:

embedpano的功能。java描述語言

腳本包括

瀏覽器嵌入

嵌入參數

開始/嵌入變量

查看者刪除

指出了移動設備(iPhone、iPad、Android)的使用

例子

embedpano的功能。java描述語言

創建壹個krpano瀏覽器並嵌入到HTML頁面中。

自動檢查flash或HTML5支持,並自動加載適當的krpano瀏覽器。

幾種瀏覽器,跨系統鼠標滾輪修復(滾輪縮放頁面滾動Mac支持,觸摸板/continues-wheel支持,滾輪速度標準化)。

當使用固定數量的Flashplayer來限制窗口模式=透明或不透明時。

自動啟用flash player使用全屏模式。

腳本也可以合並在壹起。krpano HTML5瀏覽器腳本可以集成到壹個腳本文件中(例如,“tour.js”)。當使用krpano Pano人或使用VTOUR drops時,默認情況下這將自動完成。

腳本,包括嵌入式腳本,需要包含在html頁面的任何地方。

包括它就像這樣:

當腳本文件將使用HTML5嵌入式查看器時,包括此文件:

定義了

embedpano({...嵌入參數...});

Embedpano()函數需要對象嵌入參數。

完整示例:

Embedpano()函數只需要壹個Javascript對象作為參數。該對象用於通過使用parametername: value對(隨機)傳遞所有參數。(除了幾乎所有的參數,目標參數)都是可選的。如果沒有定義,將使用默認值。的參數對象提供以下設置:

swf:"krpano.swf "

名稱和路徑查看器”。Swf文件(相對於html文件)

默認值為“krpano.swf”。

js:"krpano.js "

名稱和路徑krpano HTML5瀏覽器”。Js文件(相對於html文件)

默認情況下,將使用具有相同路徑和文件名設置的基本主權財富基金設置,僅帶有“.”。Js擴展名,不是。主權財富基金。

當HTML5瀏覽器嵌入到嵌入式腳本文件中時,此設置將被忽略。

xml:"krpano.xml "

開始xml文件名和路徑(相對於html文件)。

默認情況下,具有相同基本文件名的Swf文件將使用(例如,krpano。xml krpano.swf).

目標:"...pano-div-id……”

應該嵌入瀏覽器html元素的id。

沒有目標錯誤時會有“報警”()。

id:"krpanoSWFObject "

內部觀察器對象的Id。

這將是通過連接的對象為查看者提供的javascript接口。

默認id是“krpano swfoobject”。

重要的是每個觀眾都有唯壹的id!

當具有給定id的對象已經存在時,嵌入式腳本將自動添加壹個數字id,該數字id在年底之前是唯壹的。

背景顏色:" #000000 "

觀眾的背景色(html格式的顏色)。

默認值為“000000 #”(=黑色)。

wmode:“...”

設置flash player窗口模式設置。

可能的設置:

視窗-系統支持和性能的折衷-默認為flash player。註意:在許多系統和瀏覽器中,html元素在flash player模式下不能重疊!查看此窗口模式鏈接的詳細信息。

不透明-允許其他html元素覆蓋Flashplayer(渲染性能較慢)。

transparent-使flash player的背景透明,允許在flash player後面看到html元素,還允許其他html元素覆蓋flash player(渲染性能較慢)。

直接-性能最好,硬件加速意味著在很多系統和瀏覽器中沒有html重疊(這通常是最快的方式,但可能會導致不兼容或舊系統/瀏覽器的經濟減速)。

Krpano將使用窗口模式=直接默認,除了chrome-window模式= window將使用默認(更好的性能和窗口大小調整期間的黑色)。

HTML5指出窗口模式通常是Flash專用的設置,但是窗口模式=透明也會對krpano HTML5的受眾進行評估,使背景透明。在HTML5瀏覽器中,重疊本身總是可能的。

html5:“自動”

設置要使用的krpano HTML5瀏覽器。

可能的設置:

汽車-默認設置自動使用HTML5 krpano瀏覽器。

設置,krpano Flash viewer僅在Flashplayer不可用或使用手機/平板電腦時,才會使用默認桌面和krpano HTML5查看器。

我更喜歡它-我喜歡使用krpano HTML5瀏覽器。

設置,默認會使用krpano HTML5查看器,只有在系統/瀏覽器沒有的情況下才能享受krpano Flash查看器。

後退-就像使用krpano Flash viewer壹樣。使用krpano HTML5瀏覽器閃回時不可用。

僅-僅使用HTML5 krpano查看器-切勿使用krpano Flash查看器。

設置,如果可能,將使用krpano HTML5瀏覽器。當系統/瀏覽器不可用時,將顯示壹條錯誤消息。

無論系統/瀏覽器是否支持,請始終使用HTML5 krpano查看器。警告-該設置只應用於內部測試!

永遠不要使用HTML5 krpano瀏覽器,並強迫krpano Flash觀眾。

設置為HTML5瀏覽器擴展:(測試)

的html5設置可以擴展“webgl”或“css3d”來定義哪些繪制技術應該首先可用。

使用示例:html5 = "Car+CS3D ",HTML 5 = "Like+WebGL ",...

如果可用,將首選默認WebGL。

flash:" "

設置要使用的krpano Flash瀏覽器。

這和html5設置基本相同,反過來。它可以用於更好的URL,例如,通過使用flash = Like而不是html5 = Back。

當設置flash設置時,它將映射到html5設置並覆蓋它。

可能的設置:

無設置,使用html5設置。

汽車-同樣的html5 =汽車。

我更喜歡它-我喜歡使用krpano Flash瀏覽器。

使用HTML5 krpano的觀眾只有在沒有flash播放器和系統/瀏覽器的情況下才能欣賞到。

此設置將被映射到html5 = Back。

後退-像使用krpano HTML5瀏覽器。使用krpano Flash,在HTML5不可用的情況下,受眾只是備份。

此設置將被映射到html5 = Like。

只-只使用krpano Flash瀏覽器-不要使用krpano HTML5瀏覽器。

設置,如果可能,將使用krpano Flash查看器。當沒有flash player時,將顯示壹條錯誤消息。

此設置將被映射到html5 =無。

永遠不要使用krpano Flash瀏覽器,只使用krpano Flash瀏覽器。

此設置將被映射到html5 = only。

變量:{...}

通過使用krpano Javascript對象變量:值對。

這可用於設置krpano啟動變量和設置任何其他krpano變量或設置。

在set變量之後加載並解析xml文件。

因此,這些變量可用於添加新設置或覆蓋已在xml中定義的設置。

示例:var settings = { };設置["onstart"] = "trace('on start ... ')";設置[" view . hlookat "]= 30;embedpano({xml:"pano.xml ",target:"pano ",vars:settings });

初始變量:{...}

通過使用krpano Javascript對象變量:值對。

這基本上是相同的增值設置,但是在設置這些變量之前將加載和解析xml文件。

此設置的主要用途是為變量設置壹個自定義路徑作為占位符,以及xml文件中的url路徑和/或設置變量,並且可以使用xml-if-checks作為元素。

示例:嵌入式pano ({...,init vars:{我的路徑:"。/panos 1/" });XML:url="%$mypath%image.jpg "

需要使用可以通過http通過initvars變量在html文件中直接查詢的url語法:tour.html?initvars.variable =值

基本路徑:...

設置壹個自定義的基本路徑來求解相對於krpano swf文件的路徑。

可用於Flash和HTML5調整相對路徑的Xml。

consolelog:錯誤

布爾設置定義krpano日誌/跟蹤消息是否應該發送到瀏覽器的Javascript控制臺。

沒錯

控制鼠標滾輪使用的布爾設置。

當設定為true(默認值)時,您可以使用鼠標滾輪來捕捉和查看事件(如縮放)。

當設置為false時,鼠標滾輪的任何使用都將被忽略,瀏覽器會將其視為默認的鼠標滾輪(通常是滾動網頁)。

移動標度:0.5

默認情況下,所有krpano內容0.5將在移動設備上擴展。

禁用擴展並將mobilescale設置為1.0。

這可用於實現響應設計。

請參見xmlstagescale設置。

fakedevice:" "

偽造的krpano設備檢測設置。

可以設置:手機、平板、桌面。

註意:該設置只應用於內部測試,從未發布過!

在線:...Javascript函數...

的onready設置可用於在嵌入和krpano查看器準備就緒時設置回調功能完成通知。

給定的函數將被稱為krpano javascript接口對象。

例如:嵌入式pano({ target:“krpano div”,on ready:krpano ready });函數krpano ready(krpano){ krpano . call(" trace(krpano就緒...)");}

Flashplayer指出這個功能需要壹個外部接口Flash Player!這意味著回調將在本地脫機工作/僅當flash player的安全設置被調整時。點擊這裏查看更多細節-本地/離線使用。

壹個錯誤:...Javascript函數...

的onerror設置可用於設置自定義嵌入錯誤處理函數。

給定的函數將調用壹個錯誤消息字符串作為參數。

passQueryParameters:false

布爾值設置。當從html url設置為true時,所有查詢參數都作為變量傳遞給受眾。

啟用後,還可以通過html5、Flash、Window Mode、mobilescale、fakedevice、initvars直接在html中設置url。

使用示例:tour.html?html5 = only & amp開始場景=場景& ampinitvars.design=flat

startup/embed變量有壹些特殊的變量,可以用來嵌入受眾。這些變量並不直接傳遞給觀眾,它們本身具有特殊的含義:

可擴展標記語言

使用xml變量,您可以指定開始xml文件的路徑/名稱。

當沒有xml變量時,妳會使用“默認加載”,試圖加載壹個xml文件,帶有相同的“:”swf文件(例如krpano.swf?克爾帕諾.Xml還是pano.swf?Pano.xml還是tour.swf?壹次旅行。Xml等。).

模擬設備

這個變量允許妳測試iPhone/iPad/Android桌面布局和圖片。可能的設置:

Iphone-模擬iPhone/iPod

IPad-模擬IPad

用戶代理-ADI公司基於用戶代理。

Androidmobile模擬壹個Android移動設備(Flash)。

Android或androidtablet模擬壹個Android平板(Flash)。

krpano iPhone/iPad模擬器(包括在查看器中下載軟件包)壹起使用,設置iPhone/iPad的背景和原始大小的觀察窗口。

需要刪除查看器來從html頁面中刪除pano()函數,以消除Pano受眾!removepano()函數將刪除所有內部附加的鼠標補丁(Flash)和所有DOM元素和事件(HTML5)。

remove pano(id);

removepano()函數需要調用壹個具有唯壹id查看器的對象。

例如:嵌入式pano ({target: "panodiv ",ID:" pano 1 " });...remove pano(" pano 1 ");

需要指出的是,在試圖讓所有設備優化結果時,應尊重使用移動設備(iPhone、iPad、Android…)上可用的壹些設置的html文件:

始終使用HMTL5 doctype html文件:

更正1:1像素映射顯示,應禁用任何類型的自動頁面/窗口擴展。這可以通過使用:窗口設置html元素:

不要使用

示例1。最簡單的用法: