Hi,
I am trying to figure out how I can have a responsive size for my embedded pano based on screen size. Primarily this is because I want the pano to resize small to be viewable on an iPhone, google phone etc versus a desktop or iPad etc.
an example is: http://gallery.parismetrotrash.com/McParis/mcparismaxi/
The code I use to embed is:
<script src="http://gallery.parismetrotrash.com/tiles/beer196.js"></script>
<div id="pano" style="width:100%;height:100%;">
<noscript><table style="width:100%;height:100%;"><tr style="valign:middle;"><td><div style="text-align:center;">ERROR:<br/><br/>Javascript not activated<br/><br/></div></td></tr></table></noscript>
<script>
embedpano({swf:"http://gallery.parismetrotrash.com/tiles/beer196.swf", xml:"http://gallery.parismetrotrash.com/tiles/mcparismaxi.xml", target:"pano", html5:"fallback", height:"700", width:"700",passQueryParameters:true});
</script>
</div>
I don't want to resize based on html vs flash as some screens that only support HTML5 will show a lot more than the iPhone for example.
Any help is appreciated.
Thanks in advance,
Darren