Multiple panos on one html page starting before they are viewed?

james

I have multiple panoramas on one html page, managed by a filmstrip viewer called "jalbum". This works perfectly. As you change filmstrip to a new pano it appears and the xml executes a start sequence of splash screen, and an initial move of the pano. e.g. http://www.gentles.info/KAP/Gallery/Pano2011/index.htm. I have many pages like this, they all work.

However when I create a new page for 2012 the xml appears to execute the start sequence on all panoramas simultaneously, so when you change the filmstrip the panorama already has gone through its start sequence. e.g. http://www.gentles.info/KAP/Gallery/Pano2012/index.htm

The only difference between these pages is that the new (not working) panorama page uses paned-panoramas, older (working) pages use un-paned.

The html is like this:

Code

<img src="thumb-LP.jpg" alt="KAP Aerial Bubble VR Panorama" title="Berck-sur-mer" width="120" height="75" />
		<div class="panel-content">
	  <div id="krpanoLP">
		<noscript><table width="100%" height="100%"><tr valign="middle"><td><center>ERROR:<br><br>Javascript not activated<br><br></center></td></tr></table></noscript>
	  </div>


	  <script type="text/javascript" src="../../krpano/swfkrpano.js"></script>


	  <script type="text/javascript">
		var swf = createswf("../../krpano/krpano.swf", "krpanoSWFObject", 700, 400, "#285078");
		swf.addVariable("xml","linlithgow-palace.xml");
		swf.embed("krpanoLP");
	  </script>


	  <div class="panel-overlay">
		<p><font size="2"><b>Jun 20: Linlithgow Palace</b>, historic home of the Stewart Kings.<br>
		Use <i>full-screen</i> for the big picture experience!
	    	Shot for the Mar 2012 <a href="http://worldwidepanorama.org/worldwidepanorama/wwppeople/html/JamesGentles.html"> World Wide Panorama</a>.
		<a href="../../Rigs/index.htm?item=7">Rig14</a> & 
		<a href="../../Kites/index.htm?item=2">Dopero</a>.</font></p>
	  </div>
	</div>

Alles anzeigen

The xml is like this:

Code

<krpano version="1.0.8.14">
	
	<include url="../../krpano/splash-start.xml" />
	<view hlookat="161.5" vlookat="5" fovtype="MFOV" fov="15" maxpixelzoom="1.0" fovmax="120" />
	<events 
	onmousedown="stopall();" 
	onloadcomplete="delayedcall(2, hideintroimage(); lookto(125,90,100,smooth(5,5),false); ); set(events.onloadcomplete,null);" 
	/>


	<preview url="linlithgow-palace.tiles/preview.jpg" />


	<image type="CUBE" multires="true" tilesize="955" progressive="false">
		<level tiledimagewidth="3820" tiledimageheight="3820">
			<cube url="linlithgow-palace.tiles/l3_%s_%0v_%0h.jpg" />
		</level>
		<level tiledimagewidth="1910" tiledimageheight="1910">
			<cube url="linlithgow-palace.tiles/l2_%s_%0v_%0h.jpg" />
		</level>
		<level tiledimagewidth="955" tiledimageheight="955">
			<cube url="linlithgow-palace.tiles/l1_%s_%0v_%0h.jpg" />
		</level>
	</image>


	<lensflare set="DEFAULT"
       	ath="120.6"
       	atv="-51"
       	size="0.80"
       	blind="0.60"
       	blindcurve="6.00"
     	/>
</krpano>

Alles anzeigen

Any help would be appreciated!

sachagriffin

Bad cache? I don't see anything wrong.

james

Interesting lateral thinking - thank-you!

Tried a re-boot to clear the cache, still got the problem.
However I have identified that it does work with Safari, IE, and Chrome, it's Firefox that seems to be the problem, other browsers behave the same for all pages.
Problem is this could be Firefox and krpano OR Firefox and jalbum. I also read other threads on this forum about Firefox support...

Problem closed (but not fixed

Thanks
James

sachagriffin

I see. That code looks really messy. Its does look like it should be working broken like you see in firefox.

For every thumbnail is has

Code

<script type="text/javascript" src="../../krpano/swfkrpano.js"></script>


	  <script type="text/javascript">
	    var swf = createswf("../../krpano/krpano.swf", "krpanoSWFObject", 700, 400, "#285078");
	    swf.addVariable("xml","caledonian-corpach.xml");
	    swf.embed("krpanoCC");
	  </script>

Where you only need one script to swfkrpano.js in the entire html..

And on each thumbnail you only need a onclick="swf.addVariable("xml","san-gabriel.xml");swf.embed("krpanoID");"

Or SOMETHING so that it does not embed until you click the thumbnail.

james

Thanks for the comments:

First, you are correct about the swfkrpano.js. This should be included once, and makes the code better. Its 2 years since I wrote this - poor excuse!

Your second point suggesting the use of onclick.
jalbum interpretes this code and handles all the filmstrip user interface, so I dont think onclick will work. The structure you see is presented as a <li> structure that jalbum interprests and displays as the filmstrip. This means if jalbum cannot run then the images appear as a bullet list, not pretty but at least the page can still be viewed.

I have tested moving the "script" into <head>, it's better code - but the original firefox anomoly remains .

James

Multiple panos on one html page starting before they are viewed?

Jetzt mitmachen!

Benutzer online in diesem Thema