Hochalm Panorama

#pano18692 div.pnlm-orientation-button { display: none; } .wpvr-floor-map .floor-plan-pointer.add-pulse:before { border: 17px solid #cca92c; } @-webkit-keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.7); } 70% { -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0); } } @keyframes pulse { 0% { -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.7); box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.7); } 70% { -moz-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0); box-shadow: 0 0 0 10px rgba(204, 169, 44, 0); } 100% { -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0); box-shadow: 0 0 0 0 rgba(204, 169, 44, 0); } }jQuery(document).ready(function() {var response = [{"panoid":"pano18692"},{"autoLoad":true,"showControls":true,"orientationSupport":"false","compass":false,"orientationOnByDefault":false,"mouseZoom":true,"draggable":false,"disableKeyboardCtrl":false,"keyboardZoom":true,"preview":"https:\/\/www.allucansurf.de\/Wordpress\/wp-content\/uploads\/2020\/07\/PANO0026-Pano-2-scaled.jpg","default":{"firstScene":"454","sceneFadeDuration":""},"scenes":{"454":{"type":"equirectangular","panorama":"https:\/\/www.allucansurf.de\/Wordpress\/wp-content\/uploads\/2020\/07\/PANO0026-Pano-2-scaled.jpg","pitch":null,"yaw":null,"hfov":100,"maxHfov":120,"minHfov":50,"vaov":180,"haov":360,"hotSpots":[]}}}];var scenes = response[1];if(scenes) {var scenedata = scenes.scenes;for(var i in scenedata) {var scenehotspot = scenedata[i].hotSpots;for(var i = 0; i < scenehotspot.length; i++) {if(scenehotspot[i]["clickHandlerArgs"] != "") {scenehotspot[i]["clickHandlerFunc"] = wpvrhotspot;}if(scenehotspot[i]["createTooltipArgs"] != "") {scenehotspot[i]["createTooltipFunc"] = wpvrtooltip;}}}}var panoshow18692 = pannellum.viewer(response[0]["panoid"], scenes);var response_duplicate = [{"panoid":"pano18692"},{"autoLoad":true,"showControls":true,"orientationSupport":"false","compass":false,"orientationOnByDefault":false,"mouseZoom":true,"draggable":false,"disableKeyboardCtrl":false,"keyboardZoom":true,"preview":"https:\/\/www.allucansurf.de\/Wordpress\/wp-content\/uploads\/2020\/07\/PANO0026-Pano-2-scaled.jpg","default":{"firstScene":"454","sceneFadeDuration":""},"scenes":{"454":{"type":"equirectangular","panorama":"https:\/\/www.allucansurf.de\/Wordpress\/wp-content\/uploads\/2020\/07\/PANO0026-Pano-2-scaled.jpg","pitch":null,"yaw":null,"hfov":100,"maxHfov":120,"minHfov":50,"vaov":180,"haov":360,"hotSpots":[]}},"autoRotate":false}];var scenes_duplicate = response_duplicate[1];if(scenes_duplicate) {var scenedata = scenes_duplicate.scenes;for(var i in scenedata) {var scenehotspot = scenedata[i].hotSpots;for(var i = 0; i < scenehotspot.length; i++) {if(scenehotspot[i]["clickHandlerArgs"] != "") {scenehotspot[i]["clickHandlerFunc"] = wpvrhotspot;}if(scenehotspot[i]["createTooltipArgs"] != "") {scenehotspot[i]["createTooltipFunc"] = wpvrtooltip;}}}}jQuery(".wpvr-floor-map .floor-plan-pointer").on("click",function(){ var scene_id = jQuery(this).attr("scene_id"); panoshow18692.loadScene(scene_id) jQuery(".floor-plan-pointer").removeClass("add-pulse") jQuery(this).addClass("add-pulse") }); const node = document.querySelector(".add-pulse"); panoshow18692.on("compasschange", function (data){ console.log(data); // const node = document.querySelector(".add-pulse"); // node.style.transform = data; // jQuery(".add-pulse").css({"transform":data}); }); panoshow18692.on("load", function (){ if(localStorage.getItem("vr_mode") == "off") { jQuery(".vr-mode-title").hide(); } else { jQuery("#pano218692 .pnlm-compass.pnlm-controls.pnlm-control").css("display","none"); jQuery("#pano18692 .pnlm-compass.pnlm-controls.pnlm-control").css("display","none"); jQuery("#pano218692 .pnlm-panorama-info").hide(); jQuery("#pano18692 .pnlm-panorama-info").hide(); jQuery(".vr-mode-title").show(); } setTimeout(() => { window.dispatchEvent(new Event("resize")); }, 200); if (jQuery("#pano18692").children().children(".pnlm-panorama-info:visible").length > 0) { jQuery("#controls18692").css("bottom", "55px"); } else { jQuery("#controls18692").css("bottom", "5px"); } });panoshow18692.on("render", function (){ window.dispatchEvent(new Event("resize")); }); if (scenes.autoRotate) { panoshow18692.on("load", function (){ setTimeout(function(){ panoshow18692.startAutoRotate(scenes.autoRotate, 0); }, 3000); }); panoshow18692.on("scenechange", function (){ setTimeout(function(){ panoshow18692.startAutoRotate(scenes.autoRotate, 0); }, 3000); }); } var touchtime = 0; jQuery(document).on("click","#explainer_button_18692",function() { jQuery("#explainer18692").slideToggle(); }); jQuery(document).on("click",".close-explainer-video",function() { jQuery(this).parent(".explainer").hide(); var el_src = jQuery(".vr-iframe").attr("src"); jQuery(".vr-iframe").attr("src", el_src); }); jQuery(document).on("click","#floor_map_button_18692",function() { jQuery("#wpvr-floor-map18692").toggle().removeClass("fullwindow"); }); jQuery(document).on("dblclick","#wpvr-floor-map18692",function(){ jQuery(this).addClass("fullwindow"); jQuery(this).parents(".pano-wrap").addClass("show-modal"); }); jQuery(document).on("click",".close-floor-map-plan",function() { jQuery(this).parent(".wpvr-floor-map").hide(); jQuery(this).parent(".wpvr-floor-map").removeClass("fullwindow"); jQuery(this).parents(".pano-wrap").removeClass("show-modal"); }); jQuery(document).ready(function($){ jQuery("#sccontrols18692").hide(); jQuery(".wpvr_slider_nav").hide(); jQuery(".vrgctrl18692").html(''); }); var slide18692 = "down"; jQuery(document).on("click","#vrgcontrols18692",function() { if (slide18692 == "up") { jQuery(".vrgctrl18692").empty(); jQuery(".vrgctrl18692").html(''); slide18692 = "down"; } else { jQuery(".vrgctrl18692").empty(); jQuery(".vrgctrl18692").html(''); slide18692 = "up"; } jQuery(".wpvr_slider_nav").slideToggle(); jQuery("#sccontrols18692").slideToggle(); }); jQuery(".elementor-tab-title").click(function(){ var element_id; var pano_id; var element_id = this.id; element_id = element_id.split("-"); element_id = element_id[3]; jQuery("#elementor-tab-content-"+element_id).children("div").addClass("awwww"); var pano_id = jQuery(".awwww").attr("id"); jQuery("#elementor-tab-content-"+element_id).children("div").removeClass("awwww"); if (pano_id != undefined) { pano_id = pano_id.split("o"); pano_id = pano_id[1]; if (pano_id == "18692") { jQuery("#pano18692").children(".pnlm-render-container").remove(); jQuery("#pano18692").children(".pnlm-ui").remove(); panoshow18692 = pannellum.viewer(response[0]["panoid"], scenes); jQuery("#pano18692").children(".pnlm-ui").find(".pnlm-load-button p").text("Click to Load Panorama") setTimeout(function() { // panoshow18692.loadScene("454"); window.dispatchEvent(new Event("resize")); if (jQuery("#pano18692").children().children(".pnlm-panorama-info:visible").length > 0) { jQuery("#controls18692").css("bottom", "55px"); } else { jQuery("#controls18692").css("bottom", "5px"); } }, 200); } } }); jQuery(".geodir-tab-head dd, #vr-tour-tab").click(function(){ jQuery("#pano18692").children(".pnlm-render-container").remove(); jQuery("#pano18692").children(".pnlm-ui").remove(); panoshow18692 = pannellum.viewer(response[0]["panoid"], scenes); setTimeout(function() { panoshow18692.loadScene("454"); window.dispatchEvent(new Event("resize")); if (jQuery("#pano18692").children().children(".pnlm-panorama-info:visible").length > 0) { jQuery("#controls18692").css("bottom", "55px"); } else { jQuery("#controls18692").css("bottom", "5px"); } }, 200); }); }); Der Beitrag Hochalm Panorama erschien zuerst auf Micha's Blog.

Netz: Testberichte Erfahrungsberichte Blog
Aktualisiert: 14.8.2023

zum Artikel gehen

Hochalm Panorama

Panorama-Rundgang

Golfen

180° Panorama Meeting Kamera

JBL Soundbar 5.0 Surround Dolby Atmos® und MultiBeam™ WLAN Bluetooth, Schwarz – Angebot, Deal, Schnäppchen, sparen

PARIS, on y va!