{"id":846,"date":"2021-02-03T22:16:45","date_gmt":"2021-02-04T03:16:45","guid":{"rendered":"https:\/\/smlc.news\/?p=846"},"modified":"2022-05-03T20:01:20","modified_gmt":"2022-05-04T01:01:20","slug":"specify-scene-in-ipanorama","status":"publish","type":"post","link":"https:\/\/www.kasdorf.name\/wordpress\/2021\/02\/03\/specify-scene-in-ipanorama\/","title":{"rendered":"Specify opening scene in iPanorama."},"content":{"rendered":"<div class=\"pps-series-post-details pps-series-post-details-variant-classic pps-series-post-details-6867\" data-series-id=\"242\"><div class=\"pps-series-meta-content\"><div class=\"pps-series-meta-text\">This entry is part 5 of 10 in the series <a href=\"https:\/\/www.kasdorf.name\/wordpress\/series\/ipanorama\/\">iPanorama<\/a><\/div><\/div><\/div>\n<p class=\"wp-block-paragraph\">Using iPanorama 360 to create virtual tours? Would you like to open a specific scene at times?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">First, if you just want a specific scene to always open first, you can rearrange the scenes using the UP\/Down arrows<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/smlc.news\/wp-content\/uploads\/2021\/02\/ipano-move-scenes.jpg\" alt=\"\" class=\"wp-image-847\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/smlc.news\/wp-content\/uploads\/2021\/02\/scene-id-2-1.jpg\" alt=\"\" class=\"wp-image-829\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">But if you just want to look at a specific scene for whatever reason you can use the short code with the sceneid. Note that each scene has a unique ID&#8230; yes it&#8217;s obvious, or you couldn&#8217;t specify the scene! Just watch which scene is highlit before you grad the Scene ID!<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/smlc.news\/wp-content\/uploads\/2021\/02\/scene-id.jpg\" alt=\"\" class=\"wp-image-834\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">You should end up with the following.<\/p>\n\n\n<!-- ipanorama begin --><div class=\"ipanorama ipnrm-2\" data-json-src=\"https:\/\/www.kasdorf.name\/wordpress\/wp-json\/ipanorama\/v1\/item\/2\" data-item-id=\"2\" style=\"display:none;\"><div class=\"ipnrm-store\" style=\"display:none;\">\n<div class=\"ipnrm-scene\" data-scene-id=\"db4aec91\">\n<div class=\"ipnrm-markers-data\">\n<\/div>\n<div class=\"ipnrm-tooltips-data\">\n<div class=\"ipnrm-data\" data-marker-id=\"cffa624b\">\n<p>ToolTip One<\/p>\n<\/div>\n<\/div>\n<div class=\"ipnrm-popovers-data\">\n<div class=\"ipnrm-data\" data-marker-id=\"cffa624b\">\n<p>PopOver One<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"ipnrm-scene\" data-scene-id=\"2e9372d9\">\n<div class=\"ipnrm-markers-data\">\n<\/div>\n<div class=\"ipnrm-tooltips-data\">\n<div class=\"ipnrm-data\" data-marker-id=\"df909b61\">\nMarker One Tooltip\n<\/div>\n<\/div>\n<div class=\"ipnrm-popovers-data\">\n<\/div>\n<\/div>\n<div class=\"ipnrm-scene\" data-scene-id=\"db6f424b\">\n<div class=\"ipnrm-markers-data\">\n<\/div>\n<div class=\"ipnrm-tooltips-data\">\n<\/div>\n<div class=\"ipnrm-popovers-data\">\n<\/div>\n<\/div>\n<\/div><\/div><!-- ipanorama end -->\n\n\n\n<p class=\"wp-block-paragraph\">This one is the default opening scene #1.<\/p>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<!-- ipanorama begin --><div class=\"ipanorama ipnrm-2\" data-json-src=\"https:\/\/www.kasdorf.name\/wordpress\/wp-json\/ipanorama\/v1\/item\/2\" data-item-id=\"2\" data-scene-id=\"2e9372d9\" style=\"display:none;\"><div class=\"ipnrm-store\" style=\"display:none;\">\n<div class=\"ipnrm-scene\" data-scene-id=\"db4aec91\">\n<div class=\"ipnrm-markers-data\">\n<\/div>\n<div class=\"ipnrm-tooltips-data\">\n<div class=\"ipnrm-data\" data-marker-id=\"cffa624b\">\n<p>ToolTip One<\/p>\n<\/div>\n<\/div>\n<div class=\"ipnrm-popovers-data\">\n<div class=\"ipnrm-data\" data-marker-id=\"cffa624b\">\n<p>PopOver One<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"ipnrm-scene\" data-scene-id=\"2e9372d9\">\n<div class=\"ipnrm-markers-data\">\n<\/div>\n<div class=\"ipnrm-tooltips-data\">\n<div class=\"ipnrm-data\" data-marker-id=\"df909b61\">\nMarker One Tooltip\n<\/div>\n<\/div>\n<div class=\"ipnrm-popovers-data\">\n<\/div>\n<\/div>\n<div class=\"ipnrm-scene\" data-scene-id=\"db6f424b\">\n<div class=\"ipnrm-markers-data\">\n<\/div>\n<div class=\"ipnrm-tooltips-data\">\n<\/div>\n<div class=\"ipnrm-popovers-data\">\n<\/div>\n<\/div>\n<\/div><\/div><!-- ipanorama end -->\n\n\n\n<p class=\"wp-block-paragraph\">This one is using the custom sceneid, and you can see the &#8220;Scene 2&#8221; is highlighted, and different than the default.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I could see a use for this. One thing you could do is to create a page with buttons, then link each button to a different scene. While there are built in &#8220;widgets&#8221; with different styles, you may want to try and create something to match your web page.<\/p>\n\n\n\n<iframe loading=\"lazy\" src=\"https:\/\/www.kasdorf.name\/wordpress\/ipanorama\/virtualtour\/test-after-upgrade-to-pro\" sceneid=\"2e9372d9\" allowfullscreen=\"\" width=\"560\" height=\"315\" frameborder=\"0\"><\/iframe>\n\n\n\n<p class=\"wp-block-paragraph\">I thought you should be able to use the iframe+URL+ID+SceneID but so far I cannot make this work! iframe width=&#8221;560&#8243; height=&#8221;315&#8243; src=&#8221;https:\/\/www.kasdorf.name\/wordpress\/ipanorama\/virtualtour\/test-after-upgrade-to-pro&#8221; sceneid=&#8221;2e9372d9&#8243; frameborder=&#8221;0&#8243; allowfullscreen&gt;&lt;\/iframe<\/p>\n","protected":false},"excerpt":{"rendered":"<div class=\"pps-series-post-details pps-series-post-details-variant-classic pps-series-post-details-6867 pps-series-meta-excerpt\" data-series-id=\"242\"><div class=\"pps-series-meta-content\"><div class=\"pps-series-meta-text\">This entry is part 5 of 10 in the series <a href=\"https:\/\/www.kasdorf.name\/wordpress\/series\/ipanorama\/\">iPanorama<\/a><\/div><\/div><\/div><p>Using iPanorama 360 to create virtual tours? Would you like to open a specific scene at times? First, if you just want a specific scene to always open first, you can rearrange the scenes using the UP\/Down arrows But if you just want to look at a specific scene for whatever reason you can use [&hellip;]<\/p>\n","protected":false},"author":12,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[239],"tags":[240],"series":[242],"class_list":["post-846","post","type-post","status-publish","format-standard","hentry","category-ipanorama","tag-ipanorama","series-ipanorama"],"_links":{"self":[{"href":"https:\/\/www.kasdorf.name\/wordpress\/wp-json\/wp\/v2\/posts\/846","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kasdorf.name\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.kasdorf.name\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.kasdorf.name\/wordpress\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kasdorf.name\/wordpress\/wp-json\/wp\/v2\/comments?post=846"}],"version-history":[{"count":0,"href":"https:\/\/www.kasdorf.name\/wordpress\/wp-json\/wp\/v2\/posts\/846\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.kasdorf.name\/wordpress\/wp-json\/wp\/v2\/media?parent=846"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.kasdorf.name\/wordpress\/wp-json\/wp\/v2\/categories?post=846"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.kasdorf.name\/wordpress\/wp-json\/wp\/v2\/tags?post=846"},{"taxonomy":"series","embeddable":true,"href":"https:\/\/www.kasdorf.name\/wordpress\/wp-json\/wp\/v2\/series?post=846"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}