Coding glitch

vasin

Hello
I'm experiencing some problem with my recent virtual tour.
http://at-bangkok.com/virtualtours/the-continent/

It is not responding very well. For example; you have to click on the splash window a couple of times to dismiss it. The main problem is not being able to click on the 3rd thumbnail.
Has anyone experience this?
I've done many using version 1.6, never had this kind of problem. I'm copying some code from 1.6 to 1.7, that might be the problem. I've attached my tour.xml file.

Any help would be very well appreciated.
Thank you

Vasin

Code

<krpano version="1.17.1" title="Virtual Tour" onstart="startup();">
	<include url="skin/vtourskin.xml" />
	<!-- set skin settings: bingmaps? gyro? thumbnail controlling? tooltips? -->	<skin_settings bingmaps="false"	               bingmaps_key=""	               bingmaps_zoombuttons="false"	               gyro="true"	               thumbs_width="120" thumbs_height="80" thumbs_padding="10" thumbs_crop="0|40|240|160"	              thumbs_opened="false"	               thumbs_text="true"	               thumbs_dragging="true"	               thumbs_onhoverscrolling="false"	               thumbs_scrollbuttons="false"	               thumbs_scrollindicator="false"	               tooltips_thumbs="true"	               tooltips_hotspots="true"	               tooltips_mapspots="false"	               controlbar_offset="20"	               />


	<!-- set optional skin logo url -->	<layer name="skin_logo" url="" scale="0.25" opened_onclick="openurl('...',_blank);" />


	<action name="startup">		if(startscene === null, copy(startscene,scene[0].name));		loadscene(get(startscene), null, MERGE);bombtimer(0);	</action>	<autorotate enabled="true" waittime="1.0" speed="3" />		<plugin name="logo"  keep="true"          url="dp.png"          align="topright"          x="10"          y="10"          onclick="openurl('http://dp-studio.com');"          />
	<plugin name="name"  keep="true"          url="logo.png"          align="topleft"          x="10"          y="10"            onclick="openurl('http://www.thecontinenthotel.com/');"          />						<layer name="introimage" url="introimage.png" align="center" keep="true" onloaded="delayedcall(1,tween(alpha,1.0));" onclick="hideintroimage();"/>		<action name="hideintroimage">		if(layer[introimage].enabled,			set(layer[introimage].enabled,false);			tween(layer[introimage].alpha, 0.0, 0.5, default, removelayer(introimage));		  );	</action>
<style name="hotspot_ani_black"	       url="skin/hotspot_ani_black_64x64x20.png"	       crop="0|0|64|64"	       framewidth="64" frameheight="64" frame="0" lastframe="19"	       onloaded="hotspot_animate();"	       altonloaded="if(isphone, mul(scale,2)); onloaded();"	       />
	<style name="hotspot_ani_white"	       url="skin/hotspot_ani_white_64x64x20.png"	       crop="0|0|64|64"	       framewidth="64" frameheight="64" frame="0" lastframe="19"	       onloaded="hotspot_animate();"	       altonloaded="if(isphone, mul(scale,2)); onloaded();"	       />
	<action name="hotspot_animate">		inc(frame,1,get(lastframe),0);		mul(ypos,frame,frameheight);		txtadd(crop,'0|',get(ypos),'|',get(framewidth),'|',get(frameheight));		delayedcall(0.03, if(loaded, hotspot_animate() ) );	</action>
		<scene name="scene_IMG_3007-HDR_Panorama" title="CONTINENT ROOM" onstart="" thumburl="panos/IMG_3007-HDR_Panorama.tiles/thumb.jpg" lat="" lng="" heading="">
		<view hlookat="-58.002" vlookat="0.803" fovtype="MFOV" fov="120.000" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="range"      vlookatmin="-80"       vlookatmax="+70"  />
		<preview url="panos/IMG_3007-HDR_Panorama.tiles/preview.jpg" />
		<image type="CUBE" multires="true" tilesize="512" progressive="false">			<level tiledimagewidth="2546" tiledimageheight="2546">				<cube url="panos/IMG_3007-HDR_Panorama.tiles/%s/l3/%v/l3_%s_%v_%h.jpg" />			</level>			<level tiledimagewidth="1274" tiledimageheight="1274">				<cube url="panos/IMG_3007-HDR_Panorama.tiles/%s/l2/%v/l2_%s_%v_%h.jpg" />			</level>			<level tiledimagewidth="638" tiledimageheight="638">				<cube url="panos/IMG_3007-HDR_Panorama.tiles/%s/l1/%v/l1_%s_%v_%h.jpg" />			</level>			<mobile>				<cube url="panos/IMG_3007-HDR_Panorama.tiles/mobile_%s.jpg" />			</mobile>		</image>
		<!-- place your scene hotspots here -->		<hotspot name="spot1" style="skin_hotspotstyle" ath="77.928" atv="5.026" linkedscene="scene_img_3047-hdr_panorama" />		<hotspot name="spot2" style="skin_hotspotstyle" ath="77.968" atv="-3.682" linkedscene="scene_img_3077-hdr_panorama" />				<hotspot name="hot2" style="hotspot_ani_white" ath="85" atv="0.000" onclick="closemap(); wait(0.5); tween(plugin[bedroom].alpha,1);tween(plugin[bedroom].scale,1);" onhover="showtext(View the bathtub)"/>	<plugin name="bedroom" url="view2.jpg" keep="true" handcursor="false" align="center" edge="center" alpha="0" scale="0"  		onclick="tween(plugin[bedroom].alpha,0);tween(plugin[bedroom].scale,0);"/>
	</scene>
	<scene name="scene_IMG_3047-HDR_Panorama" title="Medinii" onstart="" thumburl="panos/IMG_3047-HDR_Panorama.tiles/thumb.jpg" lat="" lng="" heading="">
		<view hlookat="106.476" vlookat="-0.021" fovtype="MFOV" fov="120.000" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="range"      vlookatmin="-80"       vlookatmax="+70"  />
		<preview url="panos/IMG_3047-HDR_Panorama.tiles/preview.jpg" />
		<image type="CUBE" multires="true" tilesize="512" progressive="false">			<level tiledimagewidth="2546" tiledimageheight="2546">				<cube url="panos/IMG_3047-HDR_Panorama.tiles/%s/l3/%v/l3_%s_%v_%h.jpg" />			</level>			<level tiledimagewidth="1274" tiledimageheight="1274">				<cube url="panos/IMG_3047-HDR_Panorama.tiles/%s/l2/%v/l2_%s_%v_%h.jpg" />			</level>			<level tiledimagewidth="638" tiledimageheight="638">				<cube url="panos/IMG_3047-HDR_Panorama.tiles/%s/l1/%v/l1_%s_%v_%h.jpg" />			</level>			<mobile>				<cube url="panos/IMG_3047-HDR_Panorama.tiles/mobile_%s.jpg" />			</mobile>		</image>
		<!-- place your scene hotspots here -->		<hotspot name="spot1" style="skin_hotspotstyle" ath="-172.810" atv="-7.326" linkedscene="scene_img_3077-hdr_panorama" />		<hotspot name="spot2" style="skin_hotspotstyle" ath="-172.663" atv="3.312" linkedscene="scene_img_3007-hdr_panorama" />				
	</scene>
	<scene name="scene_IMG_3077-HDR_Panorama" title="The Pool" onstart="" thumburl="panos/IMG_3077-HDR_Panorama.tiles/thumb.jpg" lat="" lng="" heading="">
		<view hlookat="101.488" vlookat="-26.234" fovtype="MFOV" fov="120.000" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="range"      vlookatmin="-80"       vlookatmax="+70"  />
		<preview url="panos/IMG_3077-HDR_Panorama.tiles/preview.jpg" />
		<image type="CUBE" multires="true" tilesize="512" progressive="false">			<level tiledimagewidth="2546" tiledimageheight="2546">				<cube url="panos/IMG_3077-HDR_Panorama.tiles/%s/l3/%v/l3_%s_%v_%h.jpg" />			</level>			<level tiledimagewidth="1274" tiledimageheight="1274">				<cube url="panos/IMG_3077-HDR_Panorama.tiles/%s/l2/%v/l2_%s_%v_%h.jpg" />			</level>			<level tiledimagewidth="638" tiledimageheight="638">				<cube url="panos/IMG_3077-HDR_Panorama.tiles/%s/l1/%v/l1_%s_%v_%h.jpg" />			</level>			<mobile>				<cube url="panos/IMG_3077-HDR_Panorama.tiles/mobile_%s.jpg" />			</mobile>		</image>
		<!-- place your scene hotspots here -->		<hotspot name="spot1" style="skin_hotspotstyle" ath="86.864" atv="4.034" linkedscene="scene_img_3007-hdr_panorama" />		<hotspot name="spot2" style="skin_hotspotstyle" ath="86.862" atv="-3.346" linkedscene="scene_img_3047-hdr_panorama" />		<hotspot name="hot" style="hotspot_ani_white" ath="-40" atv="0.000" onclick="closemap(); wait(0.5); tween(plugin[bedroom].alpha,1);tween(plugin[bedroom].scale,1);" onhover="showtext(View of the area)"/>	<plugin name="bedroom" url="view1.jpg" keep="true" handcursor="false" align="center" edge="center" alpha="0" scale="0"  		onclick="tween(plugin[bedroom].alpha,0);tween(plugin[bedroom].scale,0);"/>
	</scene>
				<action name="bombtimer">	set(bt,%1);	add(bt,1);	delayedcall(1, bombtimer(get(bt))); 	if(bt == 60, startmanualcontrol(); stopall(); set(bt,0); nextscene();, );</action> <action name="nextscene">	set(ns, get(scene[get(xml.scene)].index) );	set(maxs, get(scene.count) );	add(ns,1);	if(ns == maxs, set(ns,0);, );	loadscene( get(scene[get(ns)].name ), null, MERGE, BLEND(1.5) );</action>
</krpano>

Alles anzeigen

klaus.krpano

Hi,

the problem is your 'bedroom' <plugin> element - it was defined with alpha=0 and scale=0.

And that scale=0 is causing a problem for some reason (I will check this) - the image will be kept unscaled and due the alpha=0 it will be fully there and clickable (but transparent) and that blocks the clicks on the other elements.

Try adding a visibile=false to this element.
The scale=0 problem itself should be fixed in the next krpano release.

Best regards,
Klaus

klaus.krpano

Hi,

okay, I have checked the details now - scale=0 is currently broken in the HTML5 viewer (the element will be not scaled/transformed in this case) - this will be fixed in the next release.

Best regards,
Klaus

vasin

Thank you for your reply.

So to fix for now, I should replace previous version of swf and java file?

klaus.krpano

Hi,

no, that bug should be there in all HTML5 versions, it's the first time it was noticed and reported here.

Try using a very small number, e.g. 0.0001 instead of just 0 and additionally also set the visible setting to true or false when the element should be hidden or shown.

Best regards,
Klaus

Coding glitch

Jetzt mitmachen!

Benutzer online in diesem Thema