trouble with intro image

ramirox3

Hi, I need your help
I'm using image intro 100% of the screen. I want this image to be displayed for a few seconds before displaying the pano. But first shown briefly, the pano, then the intro image and again the scene. as I can avoid that instant that initially displays the scene?

<layer name="introimage"
zorder="20"
url="intro3.jpg"
devices="all"
align="center" width="112%" height="prop"
keep="true"
visible="true"
onclick="hideintroimage();"
onloaded="set(alpha,0); tween(alpha,1.0);"

/>

<action name="hideintroimage">
tween(layer[introimage].);
tween(layer[introimage].scale.normal,1);
tween(layer[introimage].scale.mobile,0.3);
tween(layer[introimage].alpha,0,1);
set(layer[introimage].enabled, false);
/> keep="true"
</action>

http://www.ciudadcubica.com/pdb/

klaus.krpano

Add preload="true" to the introimage.

ramirox3

This solution does not work

klaus.krpano

Hi,

right, there seems to be problem with preload in the html5 version... I will check this.

But you could also just load the image and then in the onloaded event of the introimage call the loading of the first pano scene. That means remove the default 'startup' action.

Best regards,
Klaus

ramirox3

I have tried all possibilities, but it does not load the scene

klaus.krpano

Take that whole part of your tour.xml:

Code

<!-- startup action - load the first scene -->
	<action name="startup" autorun="onstart">
		if(startscene === null OR !scene[get(startscene)], copy(startscene,scene[0].name); );
		loadscene(get(startscene), null, MERGE);
		if(startactions !== null, startactions() );
	</action>


<events name="panoevents" 
	        onloadcomplete="delayedcall(introimage, 4.0, if(layer[introimage], hideintroimage() ); ); set(events[panoevents].onloadcomplete,null);
			" 
	        onremovepano="stopdelayedcall(introimage);" keep="true" 
	        />
			
			<layer name="introimage"
         zorder="20"
        url="intro3.jpg"
		devices="all"
		align="center" width="112%" height="prop" 
        keep="true"
		preload="true"
         visible="true"
        onclick="hideintroimage();"
         onloaded="set(alpha,0); tween(alpha,1.0);"
		
         />
		 
		  <action name="hideintroimage">
    tween(layer[introimage].);
	tween(layer[introimage].scale.normal,1);
	tween(layer[introimage].scale.mobile,0.3);
	tween(layer[introimage].alpha,0,1);
    set(layer[introimage].enabled, false);
    /> keep="true" 
  </action>

Alles anzeigen

and fully replace it with that:

Code

<layer name="introimage" keep="true"
       url="intro3.jpg"
       align="center" width="112%" height="prop" zorder="1000"
       onloaded="loadscene(0, null, MERGE); delayedcall(4, hideintroimage() );"
       onclick="hideintroimage();"
       />


<action name="hideintroimage">
	if(layer[introimage] AND layer[introimage].enabled,
		set(layer[introimage].enabled, false);
		tween(layer[introimage].alpha, 0.0, 0.5, default, removelayer(introimage));
	  );
</action>

Alles anzeigen

ramirox3

Works fine in opera, in firefox shows first briefly the pano, and then introimage, in chrome opens first the pano and then the intro image as deploying a curtain
http://www.ciudadcubica.com/pdb/
The link is apdated

trouble with intro image

Jetzt mitmachen!

Benutzer online in diesem Thema