{"id":6082,"date":"2018-02-18T12:05:21","date_gmt":"2018-02-18T12:05:21","guid":{"rendered":"http:\/\/www.simlab-soft.com\/SimlabArt\/?p=6082"},"modified":"2019-04-23T12:24:37","modified_gmt":"2019-04-23T12:24:37","slug":"embed-360-images-in-your-website","status":"publish","type":"post","link":"https:\/\/www.simlab-soft.com\/SimlabArt\/embed-360-images-in-your-website\/","title":{"rendered":"Embed 360 images in your website"},"content":{"rendered":"[et_pb_section bb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; module_class=&#8221;fast&#8221; _builder_version=&#8221;3.0.106&#8243; custom_css_main_element=&#8221;position:relative;z-index:22200 ! important;&#8221; next_background_color=&#8221;#000000&#8243; inner_width=&#8221;auto&#8221; inner_max_width=&#8221;none&#8221; global_module=&#8221;5861&#8243;][et_pb_fullwidth_code global_parent=&#8221;5861&#8243; _builder_version=&#8221;3.22.2&#8243; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; background_size=&#8221;initial&#8221; z_index_tablet=&#8221;500&#8243;]\n<div id=\"includedHeader\"><\/div>\n[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section bb_built=&#8221;1&#8243; fullwidth=&#8221;off&#8221; specialty=&#8221;off&#8221; prev_background_color=&#8221;#000000&#8243; next_background_color=&#8221;#000000&#8243; inner_width=&#8221;auto&#8221; inner_max_width=&#8221;none&#8221;][et_pb_row][et_pb_column type=&#8221;4_4&#8243;][et_pb_text _builder_version=&#8221;3.0.105&#8243; background_layout=&#8221;light&#8221;]\n<div id=\"includedHeader\"><\/div>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section bb_built=&#8221;1&#8243; _builder_version=&#8221;3.0.47&#8243; custom_padding=&#8221;54px|0px|54px|0px&#8221; locked=&#8221;off&#8221; next_background_color=&#8221;#000000&#8243; prev_background_color=&#8221;#000000&#8243; inner_width=&#8221;auto&#8221; inner_max_width=&#8221;none&#8221;][et_pb_row _builder_version=&#8221;3.0.47&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; width=&#8221;80%&#8221; max_width=&#8221;1080px&#8221;][et_pb_column type=&#8221;4_4&#8243;][et_pb_text _builder_version=&#8221;3.0.101&#8243; text_font_size=&#8221;21px&#8221; text_line_height=&#8221;1.8em&#8221; background_layout=&#8221;light&#8221; header_2_text_color=&#8221;#0c71c3&#8243; header_2_line_height=&#8221;1.8em&#8221;]\n<p class=\"colorGrey52 font_size22 marginTop17\">Creating a 360 or a panorama image in SimLab Composer is very simple, first you need to create a VR camera, place it in the scene, then select the VR camera, and render a 360 image,<a href=\"\/3d-products\/360-help.aspx\"> for more information about our 360 click here.<\/a><\/p>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;3.0.47&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; width=&#8221;80%&#8221; max_width=&#8221;1080px&#8221;][et_pb_column type=&#8221;4_4&#8243;][et_pb_text _builder_version=&#8221;3.0.101&#8243; text_font_size=&#8221;21px&#8221; text_line_height=&#8221;1.8em&#8221; background_layout=&#8221;light&#8221; header_2_text_color=&#8221;#0c71c3&#8243; header_2_line_height=&#8221;1.8em&#8221; header_2_font_size=&#8221;21px&#8221;]\n<h2 class=\"\">How to embed and use a 360 image in a website?<\/h2>\n<ul class=\"\">\n<li>Download photo-sphere-viewer JavaScript library.<\/li>\n<li>Added it in your website files.<\/li>\n<li>Embed the necessary JavaScript files needed such as: three.min.js, photo-sphere-viewer.js<\/li>\n<li>Add CSS:\n<pre class=\"borderN\">          html, body {\r\n\t\t   margin: 0;\r\n\t       width: 100%;\r\n\t       height: 100%;\r\n\t\t   overflow: hidden;\r\n\t\t  }\r\n\t\t  #container {\r\n\t\t   width: 100%;\r\n\t\t   height: 100%;\r\n\t\t  }\r\n<\/pre>\n<\/li>\n<li>In your body tag create container for 360 images:\n<pre class=\"borderN\">           &lt;div style=\"color:#fff\" id=\"container_pan\"&gt;&lt;\/div&gt;<\/pre>\n<\/li>\n<li>Then Include JavaScript Code:\n<pre class=\"borderN\">           var div = document.getElementById('container_pan');\r\n           var PSV = new PhotoSphereViewer({\r\n            panorama: '..\/Simlabimages\/image360.jpg',\r\n            container: div,\r\n            time_anim: 3000,\r\n            navbar: true,\r\n            navbar_style: {backgroundColor: 'rgba(58, 67, 77, 0.7)'},\r\n           });\r\n<\/pre>\n<\/li>\n<li>Finally it will look like this :\n<pre>            &lt;head&gt;\r\n             &lt;title&gt;Simlab 360 images&lt;\/title&gt;\r\n             &lt;link rel=\"stylesheet\" href=\"..\/assets\/css\/360.css\"&gt;\r\n             &lt;script src=\"..\/assets\/js\/Photo-Sphere-Viewer-master\/three.min.js\"&gt;&lt;\/script&gt;\r\n             &lt;script src=\"..\/assets\/js\/Photo-Sphere-Viewer-master\/photo-sphere-viewer.js\"&gt;&lt;\/script&gt;\r\n            &lt;\/head&gt;\r\n            &lt;body&gt;\r\n             &lt;div id=\"container_pan\"&gt;&lt;\/div&gt;\r\n             &lt;script&gt;\r\n              var div = document.getElementById('container_pan');\r\n              var PSV = new PhotoSphereViewer({\r\n              panorama: '..\/Simlabimages\/image360.jpg',\r\n              container: div,\r\n              time_anim: 3000,\r\n              navbar: true,\r\n              navbar_style: {\r\n              backgroundColor: 'rgba(58, 67, 77, 0.7)'\r\n              },\r\n              });\r\n             &lt;\/script&gt;\r\n            &lt;\/body&gt;\r\n<\/pre>\n<\/li>\n<\/ul>\n<p class=\"\">For more details and examples on how to embed a 360 image in a website visit these links:<br \/>\n<a href=\"http:\/\/photo-sphere-viewer.js.org\/\">Direct website<\/a>, <a href=\"https:\/\/github.com\/JeremyHeleine\/Photo-Sphere-Viewer\/find\/master\">Github<\/a><\/p>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;3.0.100&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; width=&#8221;80%&#8221; max_width=&#8221;1080px&#8221;][et_pb_column type=&#8221;4_4&#8243;][et_pb_text _builder_version=&#8221;3.0.101&#8243; text_font_size=&#8221;18px&#8221; text_line_height=&#8221;1.8em&#8221; background_layout=&#8221;light&#8221;]\n<p style=\"text-align: center;\">To stay in touch with our latest news and updates, and for any info and support:<\/p>\n<p style=\"text-align: center;\"><a href=\"mailto:info@simlab-soft.com\">info@simlab-soft.com<\/a> <a href=\"www.simlab-soft.com\">www.simlab-soft.com<\/a> Our Facebook: <a href=\"http:\/\/www.facebook.com\/pages\/SimLab-Soft\/154245504646447\">simlabsoft<\/a><\/p>\n<p style=\"text-align: center;\">Our Linkedin: <a href=\"http:\/\/www.linkedin.com\/company\/simlab-soft\">simlabsoft<\/a><\/p>\n[\/et_pb_text][et_pb_text _builder_version=&#8221;3.0.100&#8243; header_3_text_align=&#8221;center&#8221; text_orientation=&#8221;center&#8221; module_alignment=&#8221;center&#8221; global_module=&#8221;4128&#8243; saved_tabs=&#8221;all&#8221;]\n<h3>Share:<\/h3>\n<div class=\"addtoany_shortcode\"><div class=\"a2a_kit a2a_kit_size_32 addtoany_list\" data-a2a-url=\"https:\/\/www.simlab-soft.com\/SimlabArt\/embed-360-images-in-your-website\/\" data-a2a-title=\"Embed 360 images in your website\"><a class=\"a2a_button_facebook\" href=\"https:\/\/www.addtoany.com\/add_to\/facebook?linkurl=https%3A%2F%2Fwww.simlab-soft.com%2FSimlabArt%2Fembed-360-images-in-your-website%2F&amp;linkname=Embed%20360%20images%20in%20your%20website\" title=\"Facebook\" rel=\"nofollow noopener\" target=\"_blank\"><\/a><a class=\"a2a_button_twitter\" href=\"https:\/\/www.addtoany.com\/add_to\/twitter?linkurl=https%3A%2F%2Fwww.simlab-soft.com%2FSimlabArt%2Fembed-360-images-in-your-website%2F&amp;linkname=Embed%20360%20images%20in%20your%20website\" title=\"Twitter\" rel=\"nofollow noopener\" target=\"_blank\"><\/a><a class=\"a2a_dd addtoany_share_save addtoany_share\" href=\"https:\/\/www.addtoany.com\/share\"><\/a><\/div><\/div>\n[\/et_pb_text][et_pb_code _builder_version=&#8221;3.0.101&#8243;]&lt;style&gt;&lt;!&#8211; [et_pb_line_break_holder] &#8211;&gt;.post-meta{font-size:18px !important;}&lt;!&#8211; [et_pb_line_break_holder] &#8211;&gt;p,li{font-size:20px;}&lt;!&#8211; [et_pb_line_break_holder] &#8211;&gt;&lt;\/style&gt;[\/et_pb_code][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;3.0.106&#8243; module_class=&#8221;visi4&#8243; width=&#8221;80%&#8221; max_width=&#8221;1080px&#8221; global_module=&#8221;5588&#8243;][et_pb_column type=&#8221;1_3&#8243;][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243;][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243;][et_pb_sidebar global_parent=&#8221;5588&#8243; _builder_version=&#8221;3.0.101&#8243; area=&#8221;et_pb_widget_area_13&#8243; orientation=&#8221;left&#8221; show_border=&#8221;on&#8221; background_layout=&#8221;light&#8221; box_shadow_style=&#8221;preset3&#8243; box_shadow_vertical=&#8221;0px&#8221; custom_padding=&#8221;20px|10px|5px|20px&#8221; custom_css_before=&#8221;border:none;&#8221; custom_css_main_element=&#8221;border:none;&#8221; custom_css_after=&#8221;border:none;&#8221; header_font_size=&#8221;20&#8243; header_font=&#8221;|600|||||||&#8221; header_text_color=&#8221;#636363&#8243; body_line_height=&#8221;2.1em&#8221; body_font_size=&#8221;16&#8243; saved_tabs=&#8221;all&#8221; custom_margin=&#8221;|-20px||&#8221; \/][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;3.17.2&#8243; module_class=&#8221;visi4 visi5&#8243; width=&#8221;80%&#8221; max_width=&#8221;1080px&#8221; global_module=&#8221;5587&#8243;][et_pb_column type=&#8221;4_4&#8243;][et_pb_sidebar global_parent=&#8221;5587&#8243; _builder_version=&#8221;3.0.101&#8243; area=&#8221;et_pb_widget_area_13&#8243; orientation=&#8221;left&#8221; show_border=&#8221;on&#8221; background_layout=&#8221;light&#8221; box_shadow_style=&#8221;preset3&#8243; box_shadow_vertical=&#8221;0px&#8221; custom_padding=&#8221;20px|10px|5px|20px&#8221; custom_css_before=&#8221;border:none;&#8221; custom_css_main_element=&#8221;border:none;&#8221; custom_css_after=&#8221;border:none;&#8221; header_font_size=&#8221;20&#8243; header_font=&#8221;|600|||||||&#8221; header_text_color=&#8221;#636363&#8243; body_line_height=&#8221;2.1em&#8221; body_font_size=&#8221;16&#8243; saved_tabs=&#8221;all&#8221; custom_margin=&#8221;|-20px||&#8221; \/][et_pb_code global_parent=&#8221;5587&#8243; _builder_version=&#8221;3.17.2&#8243;]\n<style><!-- [et_pb_line_break_holder] -->\/* Right menu *\/<!-- [et_pb_line_break_holder] -->.single .et_pb_post{padding-bottom:0px;margin-bottom:0px;}<!-- [et_pb_line_break_holder] -->@media (max-width:1860px){.visi4{display:none;} .visi5{display:block;}}<!-- [et_pb_line_break_holder] -->@media (min-width:1861px){.visi4{position:absolute;bottom:10%;right:2.5%;padding:0px;} .visi5{display:none;}}<!-- [et_pb_line_break_holder] -->@media (min-width:2000px){.visi4{right:9%;}}<!-- [et_pb_line_break_holder] -->@media (min-width:2200px){.visi4{right:12%}}<!-- [et_pb_line_break_holder] -->@media (min-width:2580px){.visi4{right:19%}}<!-- [et_pb_line_break_holder] -->@media (min-width:2980px) and (max-width:3540px){.visi4{right:18%;}}<!-- [et_pb_line_break_holder] -->@media (min-width:3541px) and (max-width:3940px){.visi4{right:20%;}}<!-- [et_pb_line_break_holder] -->@media (min-width:3941px){.visi4{right:32%;}} <!-- [et_pb_line_break_holder] -->.comments-number{display:none;}<!-- [et_pb_line_break_holder] -->.rpwwt-post-date{font-size:16px;}<!-- [et_pb_line_break_holder] -->.rpwwt-post-title{margin-right:-5%}<!-- [et_pb_line_break_holder] -->#recent-posts-widget-with-thumbnails-2{min-width:95%;}<!-- [et_pb_line_break_holder] -->h1.entry-title{font-size:25px;line-height:1.8em;}<!-- [et_pb_line_break_holder] -->div.et_post_meta_wrapper{padding-top:0px !important;margin-top:0px !important;}<!-- [et_pb_line_break_holder] --><\/style>\n[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section bb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; specialty=&#8221;off&#8221; _builder_version=&#8221;3.0.106&#8243; inner_width=&#8221;auto&#8221; inner_max_width=&#8221;none&#8221; global_module=&#8221;5902&#8243; prev_background_color=&#8221;#000000&#8243;][et_pb_fullwidth_code global_parent=&#8221;5902&#8243; _builder_version=&#8221;3.22.2&#8243; custom_margin=&#8221;0px|0px|0px|0px&#8221; custom_padding=&#8221;0px|0px|0px|0px&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; background_size=&#8221;initial&#8221; z_index_tablet=&#8221;500&#8243;]\n<div id=\"includedFooter\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->[\/et_pb_fullwidth_code][et_pb_fullwidth_code global_parent=&#8221;5902&#8243; _builder_version=&#8221;3.22.2&#8243; z_index_tablet=&#8221;500&#8243;]\n<style><!-- [et_pb_line_break_holder] -->.headerFirst nav li.this,.headerFirst nav li ul.d4.backColor{color:#183EA6;}<!-- [et_pb_line_break_holder] -->#left-area ul li ul{<!-- [et_pb_line_break_holder] --> padding: 0px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.full-width{margin-left:0px;width:400% !important}<!-- [et_pb_line_break_holder] -->.full-width2{margin-left:-100% !important;width:400% !important}<!-- [et_pb_line_break_holder] -->p{font-size: inherit;}<!-- [et_pb_line_break_holder] -->p{font-size: inherit;}<!-- [et_pb_line_break_holder] -->.headerFirst .navbar .container{padding-right:15px !important;padding-left:15px !important;margin-right:auto !important;margin-left:auto !important}<!-- [et_pb_line_break_holder] -->@media (min-width:768px){.headerFirst .navbar .container{width:750px !important}}@media (min-width:992px){.headerFirst .navbar .container{width:970px !important}}@media (min-width:1200px){.headerFirst .navbar .container{width:1170px !important}}<!-- [et_pb_line_break_holder] -->.headerFirst .navbar .dropdown-menu-large2 {min-width:113% !important;right:0% !important;left:0% !important;}<!-- [et_pb_line_break_holder] -->@media (max-width:770px) {<!-- [et_pb_line_break_holder] -->.headerFirst .navbar .container{min-width:100% !important;padding:0px;left:0px !important;right:0px !important;}<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@media (min-width:990px) {<!-- [et_pb_line_break_holder] -->.headerFirst .navbar li.dropdown.dropdown-large .dropdown-menu.dropdown-menu-large2 {min-width:160% !important;right:0% !important;left:0% !important;}<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->@media (min-width:770px) and (max-width:990px){<!-- [et_pb_line_break_holder] -->li ul.dropdown-menu li ul.col-md-4{margin-left:20px !important;margin-right:-20px !important;}<!-- [et_pb_line_break_holder] -->li ul.dropdown-menu li ul.col-md-4.pd2{margin-left:30px !important;margin-right:-30px !important;}<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->@media (max-width:991px) {<!-- [et_pb_line_break_holder] -->.full-width{margin-left:0px;width:200% !important}<!-- [et_pb_line_break_holder] -->.full-width2{margin-left:auto !important;width:200% !important}<!-- [et_pb_line_break_holder] -->.headerFirst .navbar .container{padding-right:2px !important;padding-left:2px !important;margin-right:auto !important;margin-left:auto !important}<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->@media (max-width:767px) {<!-- [et_pb_line_break_holder] -->.full-width{margin-left:0px;width:100% !important}<!-- [et_pb_line_break_holder] -->.full-width2{margin-left:auto !important;width:100% !important}<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->@media (min-width:1200px) and (max-width:1500px){<!-- [et_pb_line_break_holder] -->.headerFirst .navbar .dropdown-menu-large2 {min-width:105% !important;}<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->@media (max-width:1200px){<!-- [et_pb_line_break_holder] -->.headerFirst .navbar .dropdown-menu-large2 {min-width:98% !important;}<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->@media (min-width:1500px) and (max-width:2000px){<!-- [et_pb_line_break_holder] -->.headerFirst .navbar li.dropdown.dropdown-large .dropdown-menu.dropdown-menu-large2 {min-width:120% !important;left:-10% !important;right:-30% !important;}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@media (min-width:2000px) and (max-width:4000px) {<!-- [et_pb_line_break_holder] -->.headerFirst .navbar li.dropdown.dropdown-large .dropdown-menu.dropdown-menu-large2 {min-width:130% !important;left:-15% !important;right:-15% !important;}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->@media (min-width:4000px) {<!-- [et_pb_line_break_holder] -->.headerFirst .navbar li.dropdown.dropdown-large .dropdown-menu.dropdown-menu-large2 {min-width:180% !important;left:-35% !important;right:-35% !important;}<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.padding_LR_0{padding-left:0px !important;padding-right:0px !important;padding-bottom:0px;}<!-- [et_pb_line_break_holder] --><\/style>\n<p><!-- [et_pb_line_break_holder] --><pee><!-- [et_pb_line_break_holder] --><\/pee><!-- [et_pb_line_break_holder] --><pee><!-- [et_pb_line_break_holder] --><\/pee><!-- [et_pb_line_break_holder] --><pee><!-- [et_pb_line_break_holder] --><\/pee><!-- [et_pb_line_break_holder] --><pee><!-- [et_pb_line_break_holder] --><\/pee><!-- [et_pb_line_break_holder] --><pee><!-- [et_pb_line_break_holder] --><\/pee><!-- [et_pb_line_break_holder] --><pee><!-- [et_pb_line_break_holder] --><\/pee><!-- [et_pb_line_break_holder] --><pee><!-- [et_pb_line_break_holder] --><\/pee><!-- [et_pb_line_break_holder] --><pee><!-- [et_pb_line_break_holder] --><\/pee><!-- [et_pb_line_break_holder] --><pee><!-- [et_pb_line_break_holder] --><\/pee><!-- [et_pb_line_break_holder] --><pee><!-- [et_pb_line_break_holder] --><\/pee><!-- [et_pb_line_break_holder] --><pee><!-- [et_pb_line_break_holder] --><\/pee><!-- [et_pb_line_break_holder] --><pee><!-- [et_pb_line_break_holder] --><\/pee><!-- [et_pb_line_break_holder] --><pee><!-- [et_pb_line_break_holder] --><\/pee><!-- [et_pb_line_break_holder] --><pee><!-- [et_pb_line_break_holder] --><\/pee><!-- [et_pb_line_break_holder] --><pee><!-- [et_pb_line_break_holder] --><\/pee><!-- [et_pb_line_break_holder] --><pee><!-- [et_pb_line_break_holder] --><link rel=\"stylesheet\" href=\"\/assets\/plugins\/bootstrap2\/css\/bootstrap.min.css\"><!-- [et_pb_line_break_holder] --> <!-- CSS page --><!-- [et_pb_line_break_holder] --> <script type=\"text\/javascript\" src=\"\/assets\/plugins\/bootstrap2\/js\/bootstrap.min.js\"><\/script> <!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] --> jQuery(function(){jQuery(\"#includedHeader\").load(\"\/header_main.html\");});<!-- [et_pb_line_break_holder] --> jQuery(function(){jQuery(\"#includedFooter\").load(\"\/footer.html\");}); <!-- [et_pb_line_break_holder] --><\/script>[\/et_pb_fullwidth_code][\/et_pb_section]\n","protected":false},"excerpt":{"rendered":"<p>[et_pb_section bb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; module_class=&#8221;fast&#8221; _builder_version=&#8221;3.0.106&#8243; custom_css_main_element=&#8221;position:relative;z-index:22200 ! important;&#8221; next_background_color=&#8221;#000000&#8243; inner_width=&#8221;auto&#8221; inner_max_width=&#8221;none&#8221; global_module=&#8221;5861&#8243;][et_pb_fullwidth_code global_parent=&#8221;5861&#8243; _builder_version=&#8221;3.22.2&#8243; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; background_size=&#8221;initial&#8221; z_index_tablet=&#8221;500&#8243;] [\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section bb_built=&#8221;1&#8243; fullwidth=&#8221;off&#8221; specialty=&#8221;off&#8221; prev_background_color=&#8221;#000000&#8243; next_background_color=&#8221;#000000&#8243; inner_width=&#8221;auto&#8221; inner_max_width=&#8221;none&#8221;][et_pb_row][et_pb_column type=&#8221;4_4&#8243;][et_pb_text _builder_version=&#8221;3.0.105&#8243; background_layout=&#8221;light&#8221;] [\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section bb_built=&#8221;1&#8243; _builder_version=&#8221;3.0.47&#8243; custom_padding=&#8221;54px|0px|54px|0px&#8221; locked=&#8221;off&#8221; next_background_color=&#8221;#000000&#8243; prev_background_color=&#8221;#000000&#8243; inner_width=&#8221;auto&#8221; inner_max_width=&#8221;none&#8221;][et_pb_row _builder_version=&#8221;3.0.47&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; width=&#8221;80%&#8221; max_width=&#8221;1080px&#8221;][et_pb_column type=&#8221;4_4&#8243;][et_pb_text _builder_version=&#8221;3.0.101&#8243; text_font_size=&#8221;21px&#8221; text_line_height=&#8221;1.8em&#8221; background_layout=&#8221;light&#8221; header_2_text_color=&#8221;#0c71c3&#8243; header_2_line_height=&#8221;1.8em&#8221;] Creating a 360 or [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6087,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":""},"categories":[101,80],"tags":[103,102,104],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.5.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Embed 360 images in your website - Simlab Soft Art<\/title>\n<meta name=\"description\" content=\"Instructions on How a user can embed 360 images in websites by using a plugin\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.simlab-soft.com\/SimlabArt\/embed-360-images-in-your-website\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Embed 360 images in your website - Simlab Soft Art\" \/>\n<meta property=\"og:description\" content=\"Instructions on How a user can embed 360 images in websites by using a plugin\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.simlab-soft.com\/SimlabArt\/embed-360-images-in-your-website\/\" \/>\n<meta property=\"og:site_name\" content=\"Simlab Soft Art\" \/>\n<meta property=\"article:published_time\" content=\"2018-02-18T12:05:21+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-04-23T12:24:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.simlab-soft.com\/SimlabArt\/wp-content\/uploads\/2018\/02\/360Interior3.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"SimLab\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"SimLab\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.simlab-soft.com\/SimlabArt\/embed-360-images-in-your-website\/\",\"url\":\"https:\/\/www.simlab-soft.com\/SimlabArt\/embed-360-images-in-your-website\/\",\"name\":\"Embed 360 images in your website - Simlab Soft Art\",\"isPartOf\":{\"@id\":\"https:\/\/www.simlab-soft.com\/SimlabArt\/#website\"},\"datePublished\":\"2018-02-18T12:05:21+00:00\",\"dateModified\":\"2019-04-23T12:24:37+00:00\",\"author\":{\"@id\":\"https:\/\/www.simlab-soft.com\/SimlabArt\/#\/schema\/person\/0f93ede6e739f39ff4af6c8cc206b55b\"},\"description\":\"Instructions on How a user can embed 360 images in websites by using a plugin\",\"breadcrumb\":{\"@id\":\"https:\/\/www.simlab-soft.com\/SimlabArt\/embed-360-images-in-your-website\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.simlab-soft.com\/SimlabArt\/embed-360-images-in-your-website\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.simlab-soft.com\/SimlabArt\/embed-360-images-in-your-website\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.simlab-soft.com\/SimlabArt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Embed 360 images in your website\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.simlab-soft.com\/SimlabArt\/#website\",\"url\":\"https:\/\/www.simlab-soft.com\/SimlabArt\/\",\"name\":\"Simlab Soft Art\",\"description\":\"Simlab Soft Art Website\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.simlab-soft.com\/SimlabArt\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.simlab-soft.com\/SimlabArt\/#\/schema\/person\/0f93ede6e739f39ff4af6c8cc206b55b\",\"name\":\"SimLab\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.simlab-soft.com\/SimlabArt\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/c05bea0c241bb0702d774418c0268e40?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/c05bea0c241bb0702d774418c0268e40?s=96&d=mm&r=g\",\"caption\":\"SimLab\"},\"url\":\"https:\/\/www.simlab-soft.com\/SimlabArt\/author\/simlab\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Embed 360 images in your website - Simlab Soft Art","description":"Instructions on How a user can embed 360 images in websites by using a plugin","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.simlab-soft.com\/SimlabArt\/embed-360-images-in-your-website\/","og_locale":"en_US","og_type":"article","og_title":"Embed 360 images in your website - Simlab Soft Art","og_description":"Instructions on How a user can embed 360 images in websites by using a plugin","og_url":"https:\/\/www.simlab-soft.com\/SimlabArt\/embed-360-images-in-your-website\/","og_site_name":"Simlab Soft Art","article_published_time":"2018-02-18T12:05:21+00:00","article_modified_time":"2019-04-23T12:24:37+00:00","og_image":[{"width":1000,"height":500,"url":"https:\/\/www.simlab-soft.com\/SimlabArt\/wp-content\/uploads\/2018\/02\/360Interior3.png","type":"image\/png"}],"author":"SimLab","twitter_card":"summary_large_image","twitter_misc":{"Written by":"SimLab","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.simlab-soft.com\/SimlabArt\/embed-360-images-in-your-website\/","url":"https:\/\/www.simlab-soft.com\/SimlabArt\/embed-360-images-in-your-website\/","name":"Embed 360 images in your website - Simlab Soft Art","isPartOf":{"@id":"https:\/\/www.simlab-soft.com\/SimlabArt\/#website"},"datePublished":"2018-02-18T12:05:21+00:00","dateModified":"2019-04-23T12:24:37+00:00","author":{"@id":"https:\/\/www.simlab-soft.com\/SimlabArt\/#\/schema\/person\/0f93ede6e739f39ff4af6c8cc206b55b"},"description":"Instructions on How a user can embed 360 images in websites by using a plugin","breadcrumb":{"@id":"https:\/\/www.simlab-soft.com\/SimlabArt\/embed-360-images-in-your-website\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.simlab-soft.com\/SimlabArt\/embed-360-images-in-your-website\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.simlab-soft.com\/SimlabArt\/embed-360-images-in-your-website\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.simlab-soft.com\/SimlabArt\/"},{"@type":"ListItem","position":2,"name":"Embed 360 images in your website"}]},{"@type":"WebSite","@id":"https:\/\/www.simlab-soft.com\/SimlabArt\/#website","url":"https:\/\/www.simlab-soft.com\/SimlabArt\/","name":"Simlab Soft Art","description":"Simlab Soft Art Website","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.simlab-soft.com\/SimlabArt\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.simlab-soft.com\/SimlabArt\/#\/schema\/person\/0f93ede6e739f39ff4af6c8cc206b55b","name":"SimLab","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.simlab-soft.com\/SimlabArt\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/c05bea0c241bb0702d774418c0268e40?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c05bea0c241bb0702d774418c0268e40?s=96&d=mm&r=g","caption":"SimLab"},"url":"https:\/\/www.simlab-soft.com\/SimlabArt\/author\/simlab\/"}]}},"_links":{"self":[{"href":"https:\/\/www.simlab-soft.com\/SimlabArt\/wp-json\/wp\/v2\/posts\/6082"}],"collection":[{"href":"https:\/\/www.simlab-soft.com\/SimlabArt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.simlab-soft.com\/SimlabArt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.simlab-soft.com\/SimlabArt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.simlab-soft.com\/SimlabArt\/wp-json\/wp\/v2\/comments?post=6082"}],"version-history":[{"count":2,"href":"https:\/\/www.simlab-soft.com\/SimlabArt\/wp-json\/wp\/v2\/posts\/6082\/revisions"}],"predecessor-version":[{"id":10985,"href":"https:\/\/www.simlab-soft.com\/SimlabArt\/wp-json\/wp\/v2\/posts\/6082\/revisions\/10985"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.simlab-soft.com\/SimlabArt\/wp-json\/wp\/v2\/media\/6087"}],"wp:attachment":[{"href":"https:\/\/www.simlab-soft.com\/SimlabArt\/wp-json\/wp\/v2\/media?parent=6082"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.simlab-soft.com\/SimlabArt\/wp-json\/wp\/v2\/categories?post=6082"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.simlab-soft.com\/SimlabArt\/wp-json\/wp\/v2\/tags?post=6082"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}