tag:blogger.com,1999:blog-44514898698336017892024-03-19T12:35:39.208+08:00Google Blogger網站設計【全客製化+SEO】自媒體架站、網路開店/購物車、多媒體網頁設計公司【部落蝦 BlogShop】台北|新北|桃園|台中|台南|高雄【Google Blogger設計-全客製化】網站設計、自媒體架站、SEO搜尋引擎優化、網路開店、多媒體網頁設計公司:品牌形象官網、個人形象網站、一頁式網站、作品集、部落格、網路商店|購物車。使用Google帳號管理網站,免虛擬主機費和流量費,連線速度快、搜尋行銷力強、網站安全穩定。BlogShop部落蝦►►設計自由的網站,由你輕鬆管理。Google Blogger網站設計【全客製化+SEO】自媒體架站http://www.blogger.com/profile/07424029126128477792noreply@blogger.comBlogger1125tag:blogger.com,1999:blog-4451489869833601789.post-77032517064504423212023-05-17T18:38:00.006+08:002023-05-17T18:48:32.368+08:00testing<script src='https://cdn.pannellum.org/2.4/pannellum.js' type='text/javascript'></script>
<link href='https://cdn.pannellum.org/2.4/pannellum.css' rel='stylesheet' type='text/css'/>
<script type='text/javascript'>
//<![CDATA[
pannellum.viewer('panorama', {
"default": {
"firstScene": "office",
/* "author": "BlogShop 部落蝦", */
"autoLoad": true,
"orientationOnByDefault": true,
"sceneFadeDuration": 1000,
"showControls": true, // 縮放控制
"tileResolution": 512,
"maxLevel": 6,
"cubeResolution": 3840
},
"scenes": {
"office": {
"title": "辦公室大廳",
"hfov": 180,
"pitch": 0,
"yaw": 0,
"type": "equirectangular", // 等長方形
"panorama": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxKzjwhAw00svdi2o0BP8PFKFZfY3GTtQlSau2ZaPrCvMk7uMJ43ylscsDRqHylfn0qfOq-qzTFMw1s6oFScuvNO6ghC6LyD_Hr-x0odoUe00SKDI11cSfBDH5SCreEv6WLQdzvTrSSrkPu_MeKuqpshTBdU4DlhxVHYiUDHQbCAlZgC2TnZgYZ3HC/s3840-rw/panarama_office2.jpg",
"hotSpots": [
{
"pitch": 4,
"yaw": 21.8,
"type": "scene", // 場景(可進入)
"text": "會議室",
"sceneId": "meetingroom"
},
{
"pitch": 0, // Y軸
"yaw": -3, // X軸
"type": "info",
"text": "樣品櫃"
}
]
},
"meetingroom": {
"title": "會議室",
"hfov": 180,
"pitch": 0,
"yaw": 90,
"type": "equirectangular",
"panorama": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaQu4sDUpUL8Cz2rFo_fkm8fufOnEtjtZFUbnEy4euS1VEQ0UCTXe1qEicK1Ccqel5VWvYQfOGZ3tQH4d8uv5GSbNt23bc9Dtq0M9JtJgnZ19jpLUO9qI3KM77eKNqkqTmCRAqoizcrekbIFESu1GSvtYniVIIUkJZI3YecVVX-UB1HMPZ9LbhckwH/s3840/panarama_metting2.jpg",
"hotSpots": [
{
"pitch": 8,
"yaw": -58,
"type": "scene", // 場景(可進入)
"text": "辦公室大廳",
"sceneId": "office",
}
]
}
}
});
//]]>
</script>
<div id="panorama"></div>
<style>
#panorama {
max-width: 1200px;
width: 100%;
margin: 0 auto;
}
</style>
<script type='text/javascript'>
//<![CDATA[
function mobileRescale() {
var w = $('#panorama').width();
$('#panorama').css({'height':w*9/16+'px'});
}
$(window).on('load resize', function(){
mobileRescale();
});
//]]>
</script>
Google Blogger網站設計【全客製化+SEO】自媒體架站http://www.blogger.com/profile/07424029126128477792noreply@blogger.com