trouble with intro image

ramirox3 · June 22, 2016 at 2:30 PM

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 · June 29, 2016 at 11:53 AM

Add preload="true" to the introimage.

ramirox3 · June 29, 2016 at 4:47 PM

This solution does not work

klaus.krpano · June 29, 2016 at 5:08 PM

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 · June 29, 2016 at 5:46 PM

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

klaus.krpano · June 29, 2016 at 5:54 PM

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>

Display More

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>

Display More

ramirox3 · June 29, 2016 at 7:39 PM

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

Participate now!

Users Viewing This Thread