Embed 360º x 180º panoramas in Rapidweaver


(Santiago Ribas) #1

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.


(Stephen Foster) #2

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


(Santiago Ribas) #3

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.


(Harry Logtenberg) #4

I also used panovr,

see example http://partyboerderijvossenberg.nl/virtueletour/

program can be find http://ggnome.com/pano2vr

succes


(Santiago Ribas) #5

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"?>

(Michael) #6

Hey Harry!

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

Thanx

Michael


(Jannis from inStacks Software) #7

from @yuzool


(Michael) #8

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


(Harry Logtenberg) #9

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


(Michael Frankland) #10

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

http://demo.yuzoolthemes.com/panorama360/

We’ve been talking about this here: