# Embed 360º x 180º panoramas in Rapidweaver

**URL:** <https://forums.realmacsoftware.com/t/embed-360-x-180-panoramas-in-rapidweaver/2269>\
**Category:** RapidWeaver Classic\
**Created:** [September 6, 2015, 9:12pm UTC](https://forums.realmacsoftware.com/t/embed-360-x-180-panoramas-in-rapidweaver/2269 "2015-09-06T21:12:52Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![sribas](https://avatars.discourse-cdn.com/v4/letter/s/258eb7/32.png) [@sribas](https://forums.realmacsoftware.com/u/sribas)\
**Post date:** [September 6, 2015, 9:12pm UTC](https://forums.realmacsoftware.com/t/embed-360-x-180-panoramas-in-rapidweaver/2269/1 "2015-09-06T21:12:52Z")

</div>

I have a 360º panoramas website project and I would like to use RapidWeaver . I use Garden Gnome pano2vr to create my virtual tours, and I would like to know how to embed its html and javascript code inside Rapidweaver.

---

<div class="post-metadata">

**Author:** ![Steve\_F](https://avatars.discourse-cdn.com/v4/letter/s/e79b87/32.png) [@Steve\_F](https://forums.realmacsoftware.com/u/Steve_F)\
**Post date:** [September 9, 2015, 1:15pm UTC](https://forums.realmacsoftware.com/t/embed-360-x-180-panoramas-in-rapidweaver/2269/2 "2015-09-09T13:15:31Z")

</div>

I did one of these a few years ago … I ended up doing a page in RW with links to each panorama - for me the actual panoramas were full screen width so didn’t need to be embedded into a RW page. They used the format and code generated by Pano2vr and then linked back to the RW link page.  
I tried the embedding option but had difficulty. The folk on their forum were helpful but I never quite got the embed to work.  
Steve

---

<div class="post-metadata">

**Author:** ![sribas](https://avatars.discourse-cdn.com/v4/letter/s/258eb7/32.png) [@sribas](https://forums.realmacsoftware.com/u/sribas)\
**Post date:** [September 9, 2015, 4:32pm UTC](https://forums.realmacsoftware.com/t/embed-360-x-180-panoramas-in-rapidweaver/2269/3 "2015-09-09T16:32:41Z")

</div>

Thanks Steve for your important input. I will try to reproduce what I have done with GoLive, but I will have to use a ftp access to upload manually the images folder, .xml and .js files to the panorama folder.

---

<div class="post-metadata">

**Author:** ![agl75](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/agl75/32/222_2.png) [@agl75](https://forums.realmacsoftware.com/u/agl75)\
**Post date:** [September 9, 2015, 8:58pm UTC](https://forums.realmacsoftware.com/t/embed-360-x-180-panoramas-in-rapidweaver/2269/4 "2015-09-09T20:58:34Z")

</div>

I also used panovr,

see example [http://partyboerderijvossenberg.nl/virtueletour/](http://partyboerderijvossenberg.nl/virtueletour/)

program can be find [http://ggnome.com/pano2vr](http://ggnome.com/pano2vr)

succes

---

<div class="post-metadata">

**Author:** ![sribas](https://avatars.discourse-cdn.com/v4/letter/s/258eb7/32.png) [@sribas](https://forums.realmacsoftware.com/u/sribas)\
**Post date:** [September 10, 2015, 10:14am UTC](https://forums.realmacsoftware.com/t/embed-360-x-180-panoramas-in-rapidweaver/2269/5 "2015-09-10T10:14:36Z")

</div>

I have an html page “ACB-2.1-Deambulatorio.html”  
1- xml file : “ACB-2.1-Deambulatorio.xml”  
2- two .js files : pano2vr\_player.js and skin.js  
3- folder containing all the 6 faces of the panoramas and skin buttons : “images”

I have copied the html code from “ACB-2.1-Deambulatorio.html” and paste in a HTML Stack in RW  
I have uploaded via ftp all that files (1,2,3) to the folder of this RW page  
…Still can´t see my html5 panorama.

This is the html code :

```
	<script type="text/javascript" src="pano2vr_player.js">
	</script>
	<script type="text/javascript" src="skin.js">
	</script>
	<div id="container" style="width:770px;height:460px;">
	This content requires HTML5/CSS3, WebGL, or Adobe Flash Player Version 9 or higher.
	</div>
	<script type="text/javascript">

		// create the panorama player with the container
		pano=new pano2vrPlayer("container");
		// add the skin object
		skin=new pano2vrSkin(pano);
		// load the configuration
		pano.readConfigUrl("ACB-2.1-Deambulatorio.xml");
		// hide the URL bar on the iPhone
		setTimeout(function() { hideUrlBar(); }, 10);
	</script>
	<noscript>
		<p><b>Please enable Javascript!</b></p>
	</noscript>

```

And this is the content of the xml file :

\<?xml version="1.0" encoding="UTF-8"?\>

---

<div class="post-metadata">

**Author:** ![emquadrat](https://avatars.discourse-cdn.com/v4/letter/e/3bc359/32.png) [@emquadrat](https://forums.realmacsoftware.com/u/emquadrat)\
**Post date:** [September 21, 2016, 7:41am UTC](https://forums.realmacsoftware.com/t/embed-360-x-180-panoramas-in-rapidweaver/2269/6 "2016-09-21T07:41:35Z")

</div>

Hey Harry!

That´s exactly what we want to know, how to do!  
How did you implement the Pano2VR output in Rapidweaver?

Thanx

Michael

---

<div class="post-metadata">

**Author:** ![instacks](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/instacks/32/23339_2.png) [@instacks](https://forums.realmacsoftware.com/u/instacks)\
**Post date:** [September 21, 2016, 8:02am UTC](https://forums.realmacsoftware.com/t/embed-360-x-180-panoramas-in-rapidweaver/2269/7 "2016-09-21T08:02:07Z")

</div>

> **[360 Panorama RapidWeaver Stack - Yuzool](https://store.yuzool.com/item/panorama360-stack)**
>
> RapidWeaver Stack: First Real 360 (up and down) Panorama Stack for RapidWeaver!

from @yuzool

---

<div class="post-metadata">

**Author:** ![emquadrat](https://avatars.discourse-cdn.com/v4/letter/e/3bc359/32.png) [@emquadrat](https://forums.realmacsoftware.com/u/emquadrat)\
**Post date:** [October 1, 2016, 6:53am UTC](https://forums.realmacsoftware.com/t/embed-360-x-180-panoramas-in-rapidweaver/2269/8 "2016-10-01T06:53:41Z")

</div>

No - that doesn´t work ´cause it only supports horizontal scrolling…!

---

<div class="post-metadata">

**Author:** ![agl75](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/agl75/32/222_2.png) [@agl75](https://forums.realmacsoftware.com/u/agl75)\
**Post date:** [November 1, 2016, 11:56pm UTC](https://forums.realmacsoftware.com/t/embed-360-x-180-panoramas-in-rapidweaver/2269/9 "2016-11-01T23:56:44Z")

</div>

I uploaded the pano2vr output to the server and imported it in rapidweaver with Offsite stack of joe workman.

---

<div class="post-metadata">

**Author:** ![yuzool](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/yuzool/32/195_2.png) [@yuzool](https://forums.realmacsoftware.com/u/yuzool)\
**Post date:** [July 5, 2018, 5:23am UTC](https://forums.realmacsoftware.com/t/embed-360-x-180-panoramas-in-rapidweaver/2269/10 "2018-07-05T05:23:51Z")

</div>

@emquadrat - this now supports up/down + left/right - so real 360 panorama 🙂

[http://demo.yuzoolthemes.com/panorama360/](http://demo.yuzoolthemes.com/panorama360/)

We’ve been talking about this here:  
[http://forums.realmacsoftware.com/t/360-photos-and-or-video-in-rw/20729/14](http://forums.realmacsoftware.com/t/360-photos-and-or-video-in-rw/20729/14)