{"id":3589,"date":"2021-02-07T14:12:19","date_gmt":"2021-02-07T19:12:19","guid":{"rendered":"https:\/\/www.kasdorf.name\/wordpress\/?p=3589"},"modified":"2022-05-03T20:01:20","modified_gmt":"2022-05-04T01:01:20","slug":"360-pano-test-using-short-code-sceneid-url","status":"publish","type":"post","link":"https:\/\/www.kasdorf.name\/wordpress\/2021\/02\/07\/360-pano-test-using-short-code-sceneid-url\/","title":{"rendered":"360 Pano Test using Short Code and Sceneid."},"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 3 of 10 in the series <a href=\"https:\/\/www.kasdorf.name\/wordpress\/series\/ipanorama\/\">iPanorama<\/a><\/div><\/div><\/div>\n<p>First is a link using the default ipano id.<\/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<figure class=\"wp-block-image size-large is-resized is-style-default\"><a href=\"https:\/\/www.kasdorf.name\/wordpress\/wp-content\/uploads\/2021\/02\/iPanorama-Shortcode-Scene-1.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.kasdorf.name\/wordpress\/wp-content\/uploads\/2021\/02\/iPanorama-Shortcode-Scene-1-644x186.png\" alt=\"iPanorama-Shortcode-Scene-1\" class=\"wp-image-3717\" width=\"644\" height=\"186\" srcset=\"https:\/\/www.kasdorf.name\/wordpress\/wp-content\/uploads\/2021\/02\/iPanorama-Shortcode-Scene-1-644x186.png 644w, https:\/\/www.kasdorf.name\/wordpress\/wp-content\/uploads\/2021\/02\/iPanorama-Shortcode-Scene-1-300x87.png 300w, https:\/\/www.kasdorf.name\/wordpress\/wp-content\/uploads\/2021\/02\/iPanorama-Shortcode-Scene-1-768x222.png 768w, https:\/\/www.kasdorf.name\/wordpress\/wp-content\/uploads\/2021\/02\/iPanorama-Shortcode-Scene-1.png 806w\" sizes=\"auto, (max-width: 644px) 100vw, 644px\" \/><\/a><figcaption>iPanorama-Shortcode-Scene-1<\/figcaption><\/figure>\n\n\n\n<p>&nbsp; You can use the same id, but append the Scene ID.<\/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\" 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<figure class=\"wp-block-image size-large is-style-default\"><a href=\"https:\/\/www.kasdorf.name\/wordpress\/wp-content\/uploads\/2021\/02\/iPanorama-Shortcode-Scene-2.png\"><img loading=\"lazy\" decoding=\"async\" width=\"644\" height=\"185\" src=\"https:\/\/www.kasdorf.name\/wordpress\/wp-content\/uploads\/2021\/02\/iPanorama-Shortcode-Scene-2-644x185.png\" alt=\"iPanorama-Shortcode-Scene-2\" class=\"wp-image-3720\" srcset=\"https:\/\/www.kasdorf.name\/wordpress\/wp-content\/uploads\/2021\/02\/iPanorama-Shortcode-Scene-2-644x185.png 644w, https:\/\/www.kasdorf.name\/wordpress\/wp-content\/uploads\/2021\/02\/iPanorama-Shortcode-Scene-2-300x86.png 300w, https:\/\/www.kasdorf.name\/wordpress\/wp-content\/uploads\/2021\/02\/iPanorama-Shortcode-Scene-2-768x221.png 768w, https:\/\/www.kasdorf.name\/wordpress\/wp-content\/uploads\/2021\/02\/iPanorama-Shortcode-Scene-2.png 803w\" sizes=\"auto, (max-width: 644px) 100vw, 644px\" \/><\/a><figcaption>iPanorama-Shortcode-Scene-2<\/figcaption><\/figure>\n\n\n\n<p>Using the shortcode for the tour (ipano id=&#8221;2&#8243;), appending the sceneid (for scene 2) above: ipano <em><strong><span class=\"has-inline-color has-vivid-red-color\">[id=&#8221;2&#8243; sceneid=2e9372d9]<\/span><\/strong><\/em>.<\/p>\n\n\n\n<p>Note the small difference in the two scenes. In the first the Scene One button is highlighted, while in the second the Scene Two button is highlighted. (Highlit?) <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.kasdorf.name\/wordpress\/wp-content\/uploads\/2021\/02\/ipano-scene-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"342\" height=\"129\" src=\"https:\/\/www.kasdorf.name\/wordpress\/wp-content\/uploads\/2021\/02\/ipano-scene-1.png\" alt=\"\" class=\"wp-image-3616\" srcset=\"https:\/\/www.kasdorf.name\/wordpress\/wp-content\/uploads\/2021\/02\/ipano-scene-1.png 342w, https:\/\/www.kasdorf.name\/wordpress\/wp-content\/uploads\/2021\/02\/ipano-scene-1-300x113.png 300w\" sizes=\"auto, (max-width: 342px) 100vw, 342px\" \/><\/a><figcaption> <\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><a href=\"https:\/\/www.kasdorf.name\/wordpress\/wp-content\/uploads\/2021\/02\/ipano-scene-2.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.kasdorf.name\/wordpress\/wp-content\/uploads\/2021\/02\/ipano-scene-2.png\" alt=\"\" class=\"wp-image-3617\" width=\"340\" height=\"128\" srcset=\"https:\/\/www.kasdorf.name\/wordpress\/wp-content\/uploads\/2021\/02\/ipano-scene-2.png 325w, https:\/\/www.kasdorf.name\/wordpress\/wp-content\/uploads\/2021\/02\/ipano-scene-2-300x113.png 300w\" sizes=\"auto, (max-width: 340px) 100vw, 340px\" \/><\/a><\/figure>\n\n\n<p><iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.kasdorf.name\/wordpress\/ipanorama\/virtualtour\/1?sceneid=f5120eec\" frameborder=\"0\" allowfullscreen=\"\"><\/iframe><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;iframe width=\"560\" height=\"315\" src=\"https:\/\/www.kasdorf.name\/wordpress\/ipanorama\/virtualtour\/1?sceneid=f5120eec\" frameborder=\"0\" allowfullscreen=\"\">&lt;\/iframe><\/code><\/pre>\n\n\n\n<p>iFrame Scene 1a<\/p>\n\n\n<p><iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.kasdorf.name\/wordpress\/ipanorama\/virtualtour\/1?sceneid=4d8f28b9\" frameborder=\"0\" allowfullscreen=\"\"><\/iframe><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;iframe width=\"560\" height=\"315\" src=\"https:\/\/www.kasdorf.name\/wordpress\/ipanorama\/virtualtour\/1?sceneid=4d8f28b9\" frameborder=\"0\" allowfullscreen=\"\"&gt;&lt;\/iframe&gt;<\/code><\/pre>\n\n\n\n<p>iFrame Scene 2a<\/p>\n\n\n<!-- ipanorama begin --><div class=\"ipanorama ipnrm-1\" data-json-src=\"https:\/\/www.kasdorf.name\/wordpress\/wp-json\/ipanorama\/v1\/item\/1\" data-item-id=\"1\" data-scene-id=\"f5120eec\" style=\"display:none;\"><div class=\"ipnrm-store\" style=\"display:none;\">\n<div class=\"ipnrm-scene\" data-scene-id=\"f5120eec\">\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 class=\"ipnrm-scene\" data-scene-id=\"4d8f28b9\">\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>Shortcode only Scene 1b<\/p>\n\n\n<!-- ipanorama begin --><div class=\"ipanorama ipnrm-1\" data-json-src=\"https:\/\/www.kasdorf.name\/wordpress\/wp-json\/ipanorama\/v1\/item\/1\" data-item-id=\"1\" data-scene-id=\"4d8f28b9\" style=\"display:none;\"><div class=\"ipnrm-store\" style=\"display:none;\">\n<div class=\"ipnrm-scene\" data-scene-id=\"f5120eec\">\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 class=\"ipnrm-scene\" data-scene-id=\"4d8f28b9\">\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>Shortcode only Scene 2b<\/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 3 of 10 in the series <a href=\"https:\/\/www.kasdorf.name\/wordpress\/series\/ipanorama\/\">iPanorama<\/a><\/div><\/div><\/div><p>First is a link using the default ipano id. &nbsp; You can use the same id, but append the Scene ID. Using the shortcode for the tour (ipano id=&#8221;2&#8243;), appending the sceneid (for scene 2) above: ipano [id=&#8221;2&#8243; sceneid=2e9372d9]. Note the small difference in the two scenes. In the first the Scene One button is [&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":[241,240],"series":[242],"class_list":["post-3589","post","type-post","status-publish","format-standard","hentry","category-ipanorama","tag-360-photo","tag-ipanorama","series-ipanorama"],"_links":{"self":[{"href":"https:\/\/www.kasdorf.name\/wordpress\/wp-json\/wp\/v2\/posts\/3589","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=3589"}],"version-history":[{"count":0,"href":"https:\/\/www.kasdorf.name\/wordpress\/wp-json\/wp\/v2\/posts\/3589\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.kasdorf.name\/wordpress\/wp-json\/wp\/v2\/media?parent=3589"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.kasdorf.name\/wordpress\/wp-json\/wp\/v2\/categories?post=3589"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.kasdorf.name\/wordpress\/wp-json\/wp\/v2\/tags?post=3589"},{"taxonomy":"series","embeddable":true,"href":"https:\/\/www.kasdorf.name\/wordpress\/wp-json\/wp\/v2\/series?post=3589"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}