{"id":10,"date":"2024-08-02T08:38:05","date_gmt":"2024-08-02T08:38:05","guid":{"rendered":"https:\/\/imagiary.com\/?page_id=10"},"modified":"2024-08-02T08:38:14","modified_gmt":"2024-08-02T08:38:14","slug":"simple-page-wpvr","status":"publish","type":"page","link":"https:\/\/imagiary.com\/index.php\/simple-page-wpvr\/","title":{"rendered":"simple page wpvr"},"content":{"rendered":"\n<style>#pano8 div.pnlm-orientation-button {\n                    display: none;\n                }\n            .wpvr-floor-map .floor-plan-pointer.add-pulse:before {\n                border: 17px solid #cca92c;\n            }\n            @-webkit-keyframes pulse {\n                0% {\n                    -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.7);\n                }\n                70% {\n                    -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);\n                }\n                100% {\n                    -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);\n                }\n            }\n            @keyframes pulse {\n            0% {\n                -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.7);\n                box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.7);\n            }\n            70% {\n                -moz-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);\n                box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);\n            }\n            100% {\n                -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);\n                box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);\n            }\n        }<\/style><div id=\"master-container\" class=\"wpvr-cardboard \" style=\"max-width:600px; width: 100%; height: 400px; border-radius:; direction:ltr; \"><div id=\"pano28\" class=\"pano-wrap pano-left\" style=\"width: 49%; border-radius:\"><div id=\"center-pointer28\" class=\"vr-pointer-container\"><span class=\"center-pointer\"><\/span><\/div><\/div><div id=\"pano8\" class=\"pano-wrap pano-right\" style=\"width: 100%;\"><div class=\"explainer\" id=\"explainer8\" style=\"display: none\"><span class=\"close-explainer-video\"><i class=\"fa fa-times\"><\/i><\/span><\/div><div class=\"wpvr-floor-map\" id=\"wpvr-floor-map8\" style=\"display: none\"><span class=\"close-floor-map-plan\"><i class=\"fa fa-times\"><\/i><\/span><img decoding=\"async\" loading=\"lazy\" src=\"\"><\/div><div class=\"wpvr-hotspot-tweak-contents-wrapper\" style=\"display: none\"><i class=\"fa fa-times cross\" data-id=\"8\"><\/i><div class=\"wpvr-hotspot-tweak-contents-flex\"><div class=\"wpvr-hotspot-tweak-contents\"><\/div><\/div><\/div><div class=\"custom-ifram-wrapper\" style=\"display: none;\"><i class=\"fa fa-times cross\" data-id=\"8\"><\/i><div class=\"custom-ifram-flex\"><div class=\"custom-ifram\"><\/div><\/div><\/div><\/div><\/div><script>jQuery(document).ready(function() {var response = [{\"panoid\":\"pano8\"},{\"autoLoad\":true,\"showControls\":true,\"orientationSupport\":\"false\",\"compass\":false,\"orientationOnByDefault\":false,\"mouseZoom\":true,\"draggable\":true,\"disableKeyboardCtrl\":false,\"keyboardZoom\":true,\"preview\":\"\",\"default\":{\"firstScene\":\"5d7WWtcm\",\"sceneFadeDuration\":\"\"},\"scenes\":{\"5d7WWtcm\":{\"type\":\"equirectangular\",\"panorama\":\"https:\\\/\\\/imagiary.com\\\/wp-content\\\/uploads\\\/2024\\\/08\\\/Firefly-Old-soviet-architecture.-panorama-with-360-degree-viewing-angle-Abandoned-building-in-Scary-2.jpg\",\"pitch\":null,\"yaw\":null,\"hfov\":100,\"maxHfov\":120,\"minHfov\":50,\"vaov\":180,\"haov\":360,\"hotSpots\":[{\"text\":\"yvSSTmth\",\"pitch\":\" -20.12075840400645\",\"yaw\":\" -86.55114442903381\",\"type\":\"scene\",\"URL\":\"\",\"wpvr_url_open\":\"off\",\"clickHandlerArgs\":\"\",\"createTooltipArgs\":\"\",\"sceneId\":\"Ci5oERaF\",\"targetPitch\":0,\"targetYaw\":0,\"hotspot_type\":\"scene\",\"hotspot_target\":\"notBlank\"}]},\"Ci5oERaF\":{\"type\":\"equirectangular\",\"panorama\":\"https:\\\/\\\/imagiary.com\\\/wp-content\\\/uploads\\\/2024\\\/08\\\/Firefly-Old-soviet-architecture.-panorama-with-360-degree-viewing-angle-Abandoned-building-in-Scary-5.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 panoshow8 = pannellum.viewer(response[0][\"panoid\"], scenes);var response_duplicate = [{\"panoid\":\"pano8\"},{\"autoLoad\":true,\"showControls\":true,\"orientationSupport\":\"false\",\"compass\":false,\"orientationOnByDefault\":false,\"mouseZoom\":true,\"draggable\":true,\"disableKeyboardCtrl\":false,\"keyboardZoom\":true,\"preview\":\"\",\"default\":{\"firstScene\":\"5d7WWtcm\",\"sceneFadeDuration\":\"\"},\"scenes\":{\"5d7WWtcm\":{\"type\":\"equirectangular\",\"panorama\":\"https:\\\/\\\/imagiary.com\\\/wp-content\\\/uploads\\\/2024\\\/08\\\/Firefly-Old-soviet-architecture.-panorama-with-360-degree-viewing-angle-Abandoned-building-in-Scary-2.jpg\",\"pitch\":null,\"yaw\":null,\"hfov\":100,\"maxHfov\":120,\"minHfov\":50,\"vaov\":180,\"haov\":360,\"hotSpots\":[{\"text\":\"yvSSTmth\",\"pitch\":\" -20.12075840400645\",\"yaw\":\" -86.55114442903381\",\"type\":\"scene\",\"URL\":\"\",\"wpvr_url_open\":\"off\",\"clickHandlerArgs\":\"\",\"createTooltipArgs\":\"\",\"sceneId\":\"Ci5oERaF\",\"targetPitch\":0,\"targetYaw\":0,\"hotspot_type\":\"scene\",\"hotspot_target\":\"notBlank\"}]},\"Ci5oERaF\":{\"type\":\"equirectangular\",\"panorama\":\"https:\\\/\\\/imagiary.com\\\/wp-content\\\/uploads\\\/2024\\\/08\\\/Firefly-Old-soviet-architecture.-panorama-with-360-degree-viewing-angle-Abandoned-building-in-Scary-5.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;}}}}var vr_mode = \"off\";jQuery(\"#pano8 .wpvr-floor-map .floor-plan-pointer\").on(\"click\",function(){\n           var scene_id = jQuery(this).attr(\"scene_id\");\n           panoshow8.loadScene(scene_id)\n           jQuery(\".floor-plan-pointer\").removeClass(\"add-pulse\")\n           jQuery(this).addClass(\"add-pulse\")\n           \n        });\n        panoshow8.on(\"mousemove\", function (data){\n            jQuery(\".add-pulse\").css({\"transform\":\"rotate(\"+data.yaw+\"deg)\"});\n        });\n    \n        const node = document.querySelector(\".add-pulse\");\n        panoshow8.on(\"compasschange\", function (data){\n            console.log(data);\n            \/\/ const node = document.querySelector(\".add-pulse\");\n            \/\/ node.style.transform = data;\n            \/\/ jQuery(\".add-pulse\").css({\"transform\":data});\n    \n            });\n        panoshow8.on(\"load\", function (){\n            \/\/ if(localStorage.getItem(\"vr_mode\") == \"off\") {\n            if(vr_mode == \"off\") {\n                  jQuery(\".vr-mode-title\").hide();\n                }\n             else {\n                jQuery(\"#pano28 .pnlm-compass.pnlm-controls.pnlm-control\").css(\"display\",\"none\");\n                jQuery(\"#pano8 .pnlm-compass.pnlm-controls.pnlm-control\").css(\"display\",\"none\");\n                jQuery(\"#pano28 .pnlm-panorama-info\").hide();\n                jQuery(\"#pano8 .pnlm-panorama-info\").hide();\n                jQuery(\".vr-mode-title\").show();\n             }\n            setTimeout(() => {\n                window.dispatchEvent(new Event(\"resize\"));\n            }, 200);\n\t\t\t\t\t\tif (jQuery(\"#pano8\").children().children(\".pnlm-panorama-info:visible\").length > 0) {\n\t               jQuery(\"#controls8\").css(\"bottom\", \"55px\");\n\t           }\n\t           else {\n\t             jQuery(\"#controls8\").css(\"bottom\", \"5px\");\n\t           }\n\t\t\t\t\t});panoshow8.on(\"render\", function (){\n              window.dispatchEvent(new Event(\"resize\"));\n            });\n\t\t\t\t\tif (scenes.autoRotate) {\n\t\t\t\t\t\tpanoshow8.on(\"load\", function (){\n\t\t\t\t\t\t setTimeout(function(){ panoshow8.startAutoRotate(scenes.autoRotate, 0); }, 3000);\n\t\t\t\t\t\t});\n\t\t\t\t\t\tpanoshow8.on(\"scenechange\", function (){\n\t\t\t\t\t\t setTimeout(function(){ panoshow8.startAutoRotate(scenes.autoRotate, 0); }, 3000);\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t\tvar touchtime = 0;\n            jQuery(document).on(\"click\",\"#explainer_button_8\",function() {\n                jQuery(\"#explainer8\").slideToggle();\n            });\n    \n            jQuery(document).on(\"click\",\".close-explainer-video\",function() {\n                jQuery(this).parent(\".explainer\").hide();\n                var el_src = jQuery(\".vr-iframe\").attr(\"src\");\n                jQuery(\".vr-iframe\").attr(\"src\", el_src);\n              });\n    \n            \n            jQuery(document).on(\"click\",\"#floor_map_button_8\",function() {\n                jQuery(\"#wpvr-floor-map8\").toggle().removeClass(\"fullwindow\");\n              });\n        \n              jQuery(document).on(\"dblclick\",\"#wpvr-floor-map8\",function(){\n                jQuery(this).addClass(\"fullwindow\");\n                jQuery(this).parents(\".pano-wrap\").addClass(\"show-modal\");\n              });\n              \n              jQuery(document).on(\"click\",\".close-floor-map-plan\",function() {\n                jQuery(this).parent(\".wpvr-floor-map\").hide();\n                jQuery(this).parent(\".wpvr-floor-map\").removeClass(\"fullwindow\");\n                jQuery(this).parents(\".pano-wrap\").removeClass(\"show-modal\");\n              });\n        \n            \n\t\t          jQuery(document).ready(function($){\n\t\t              jQuery(\"#sccontrols8\").hide();\n                      jQuery(\".wpvr_slider_nav\").hide();\n\t\t              jQuery(\".vrgctrl8\").html('<i class=\"fa fa-angle-up\"><\/i>');\n\t\t          });\n\t\t          \n\t\t          var slide8 = \"down\";\n\t\t          jQuery(document).on(\"click\",\"#vrgcontrols8\",function() {\n\n\t\t            if (slide8 == \"up\") {\n\t\t              jQuery(\".vrgctrl8\").empty();\n\t\t              jQuery(\".vrgctrl8\").html('<i class=\"fa fa-angle-up\"><\/i>');\n\t\t              slide8 = \"down\";\n\t\t            }\n\t\t            else {\n\t\t              jQuery(\".vrgctrl8\").empty();\n\t\t              jQuery(\".vrgctrl8\").html('<i class=\"fa fa-angle-down\"><\/i>');\n\t\t              slide8 = \"up\";\n\t\t            }\n                    jQuery(\".wpvr_slider_nav\").slideToggle(); \n\t\t            jQuery(\"#sccontrols8\").slideToggle();\n\t\t          });\n\t\t          \n            jQuery(\".elementor-tab-title\").click(function(){\n                      var element_id;\n                      var pano_id;\n                      var element_id = this.id;\n                      element_id = element_id.split(\"-\");\n                      element_id = element_id[3];\n                      jQuery(\"#elementor-tab-content-\"+element_id).find(\"#master-container\").children(\"div\").eq(1).addClass(\"awwww\");\n                      var pano_id = jQuery(\".awwww\").attr(\"id\");\n                      jQuery(\"#elementor-tab-content-\"+element_id).find(\"#master-container\").children(\"div\").eq(1).removeClass(\"awwww\");;\n                      if (pano_id != undefined) {\n                        pano_id = pano_id.split(\"o\");\n                        pano_id = pano_id[1];\n                        if (pano_id == \"8\") {\n                          jQuery(\"#pano8\").children(\".pnlm-render-container\").remove();\n                          jQuery(\"#pano8\").children(\".pnlm-ui\").remove();\n                          panoshow8 = pannellum.viewer(response[0][\"panoid\"], scenes);\n                          jQuery(\"#pano8\").children(\".pnlm-ui\").find(\".pnlm-load-button p\").text(\"Click To Load Panorama\")\n                          setTimeout(function() {\n                                \/\/   panoshow8.loadScene(\"5d7WWtcm\");\n                                  window.dispatchEvent(new Event(\"resize\"));\n                                  if (jQuery(\"#pano8\").children().children(\".pnlm-panorama-info:visible\").length > 0) {\n                                       jQuery(\"#controls8\").css(\"bottom\", \"55px\");\n                                   }\n                                   else {\n                                     jQuery(\"#controls8\").css(\"bottom\", \"5px\");\n                                   }\n                                   \n                          }, 200);\n                        }\n                      }\n            });\n        \n            jQuery(\".geodir-tab-head dd, #vr-tour-tab\").click(function(){\n              jQuery(\"#pano8\").children(\".pnlm-render-container\").remove();\n              jQuery(\"#pano8\").children(\".pnlm-ui\").remove();\n              panoshow8 = pannellum.viewer(response[0][\"panoid\"], scenes);\n              setTimeout(function() {\n                      panoshow8.loadScene(\"5d7WWtcm\");\n                      window.dispatchEvent(new Event(\"resize\"));\n                      if (jQuery(\"#pano8\").children().children(\".pnlm-panorama-info:visible\").length > 0) {\n                           jQuery(\"#controls8\").css(\"bottom\", \"55px\");\n                       }\n                       else {\n                         jQuery(\"#controls8\").css(\"bottom\", \"5px\");\n                       }\n              }, 200);\n            });\n        \n            jQuery(\"#pano8\").children(\".pnlm-ui\").find(\".pnlm-load-button p\").text(\"Click To Load Panorama\")\n            });<\/script>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/imagiary.com\/index.php\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/imagiary.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/imagiary.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/imagiary.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/imagiary.com\/index.php\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":2,"href":"https:\/\/imagiary.com\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":12,"href":"https:\/\/imagiary.com\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions\/12"}],"wp:attachment":[{"href":"https:\/\/imagiary.com\/index.php\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}