Slide menus

Lieber Besucher, herzlich willkommen bei: krpano.com Forum. Falls dies Ihr erster Besuch auf dieser Seite ist, lesen Sie sich bitte die Hilfe durch. Dort wird Ihnen die Bedienung dieser Seite näher erläutert. Darüber hinaus sollten Sie sich registrieren, um alle Funktionen dieser Seite nutzen zu können. Benutzen Sie das Registrierungsformular, um sich zu registrieren oder informieren Sie sich ausführlich über den Registrierungsvorgang. Falls Sie sich bereits zu einem früheren Zeitpunkt registriert haben, können Sie sich hier anmelden.

Tim2420

Fortgeschrittener

Beiträge: 243

Dienstag, 14. April 2009, 16:53

Slide menus

I have seen a few pano tours with the slide menu or toggle does anybody have any creative flare that they can share with me,its a steep learning curve but we will concour with a little help *whistling*

Zum Seitenanfang

Shanti

Fortgeschrittener

Beiträge: 301

Wohnort: Puerto Vallarta

Beruf: Web Developer

Dienstag, 14. April 2009, 19:08

what do you mean by slide menu? can you post one of those websites?

Shanti Gilbert
http://www.mundopano.com
http://www.puertovallartavirtualtour.com
http://www.pvbeat.com
http://www.vallartarestaurants.com

Zum Seitenanfang

Graydon

Profi

Beiträge: 614

Wohnort: Texas

Beruf: Industrial gas turbine services.

Mittwoch, 15. April 2009, 02:51

accordion menu?

I think it's also called an accordion menu

Graydon

Marlin Creek
Marlincreek.com
graydon@marlincreek.com

Zum Seitenanfang

Graydon

Profi

Beiträge: 614

Wohnort: Texas

Beruf: Industrial gas turbine services.

Mittwoch, 15. April 2009, 07:07

something like this?

http://marlincreek.com/demo/slide/slide1.html

If so, then xml and sample image is attached.

slide1.xml

And here's the code... cleared of my logo *g*

Quellcode

<krpano version="1.0.8">

	<plugin name="slide1"
		url="slide1.png"
		keep="true"
		visible="true"
		enabled="true"
		handcursor="true"
		capture="true"
		children="true"
		zorder="1"
		alpha="1.00"
		blendmode="normal"
		smoothing="true"
		align="left"
		edge="right"
		x="0" y="0"
		ox="25" oy="0"
		rotate="0"
		width="" height=""
		scale="1"
		scale9grid=""
		crop=""
		mask=""
		onloaded=""
		onover="action(slide_action_1_in);"
		onhover=""
		onout="action(slide_action_1_out);"
		ondown=""
		onup=""
		onclick=""
	/>

	<action name="slide_action_1_in">
		tween(plugin[slide1].x,500,distance(500,3),linear);
	</action>

	<action name="slide_action_1_out">
		tween(plugin[slide1].x,0,distance(500,3),linear);
	</action>
	
</krpano>

Graydon

Graydon

Marlin Creek
Marlincreek.com
graydon@marlincreek.com

Zum Seitenanfang

Shanti

Fortgeschrittener

Beiträge: 301

Wohnort: Puerto Vallarta

Beruf: Web Developer

Mittwoch, 15. April 2009, 07:31

ahh, Now I understand!

Graydon you are quickly becoming the Krpano master ! :D

Shanti Gilbert
http://www.mundopano.com
http://www.puertovallartavirtualtour.com
http://www.pvbeat.com
http://www.vallartarestaurants.com

Zum Seitenanfang

JDB

Anfänger

Beiträge: 6

Donnerstag, 7. Mai 2009, 05:31

Is it possible to use this accordion menu as a map?

If so how would someone go about adding the spots?

Zum Seitenanfang

Graydon

Profi

Beiträge: 614

Wohnort: Texas

Beruf: Industrial gas turbine services.

Donnerstag, 7. Mai 2009, 07:18

JDB - yes, you can setup a map to slide in / out like the menu sample shown.

If you use the google map plugin (commercial) the spots / radar are added within the xml code as sub-nodes... it's best to look at the samples and information here... http://www.krpano.com/plugins/googlemaps/

You can also include "images" as maps... i.e. floor plans, land plots, etc... An online sample is here... http://www.krpano.com/examples/vtour/ (look at the very last one). The same "tour" is documented in the 1.0.7 download package... look in examples --> tours

If you look through the options / samples and need some additional help... just let us know. *smile*

Graydon

Marlin Creek
Marlincreek.com
graydon@marlincreek.com

Zum Seitenanfang

JDB

Anfänger

Beiträge: 6

Freitag, 8. Mai 2009, 05:58

Thanks for the reply Graydon.

I have bought and used the Google Map plugin before but I cannot seem to get it to work in this case. I have also tried to use the method demonstrated in the tour example but again I come up short. If it isn't to much of a bother could you post a snippet showing how this needs to be setup wit the accordian?

Zum Seitenanfang

Graydon

Profi

Beiträge: 614

Wohnort: Texas

Beruf: Industrial gas turbine services.

Samstag, 9. Mai 2009, 01:58

I can do that... hopefully over the weekend.

Just to make sure we are talking about the same thing...

... You want the google map plugin to slide in / out like the sample I posted before?

like this?
http://marlincreek.com/demo/slide/slide1.html

Graydon

Graydon

Marlin Creek
Marlincreek.com
graydon@marlincreek.com

Zum Seitenanfang

Graydon

Profi

Beiträge: 614

Wohnort: Texas

Beruf: Industrial gas turbine services.

Montag, 11. Mai 2009, 00:03

I played with this some and seem to be having an issue when assigning the googlemap plugin to a parent.

Map works and all... but as soon as I setup parent="pluginx", the map disappears and just the krpano.com logo shows... see attached.

Graydon

Marlin Creek
Marlincreek.com
graydon@marlincreek.com

Zum Seitenanfang

JDB

Anfänger

Beiträge: 6

Montag, 11. Mai 2009, 04:31

Well thank you for the time spent, did you by chance try using it as a standard image map, like in the tour example? I can't get it to work like that either.

Zum Seitenanfang

JDB

Anfänger

Beiträge: 6

Montag, 11. Mai 2009, 05:32

I think I have it figured out, the image method anyway. I'll try to get it fixed tomorrow evening and post the solution tomorrow night.

Zum Seitenanfang

Graydon

Profi

Beiträge: 614

Wohnort: Texas

Beruf: Industrial gas turbine services.

Montag, 11. Mai 2009, 05:48

Glad you got it working.

I had the basic slide in/out functioning as I was trying to figure out the parent / child issue...

Here's where I left it... http://marlincreek.com/demo/slide_map/slide.html (maps on the right edge)

... but that's just an interim step in getting it how I wanted it to work.

Graydon

Marlin Creek
Marlincreek.com
graydon@marlincreek.com

Zum Seitenanfang

JDB

Anfänger

Beiträge: 6

Montag, 11. Mai 2009, 05:53

Ok I have figured out part of my problem. When I first started testing I was working inside a pano but I then moved to a blank cube. I have it working now in a blank cube but when I put a pano behind it my map spots dont show up! Any ideas what might casue this? Here is the code I have working

Quellcode

<krpano version="1.0.7" onstart="action(hidespots);">
	<!-- preview pano -->	<preview type="grid(cube,32,32,256,0x888800,0x000044,0xFFFFFF);" details="8" />
	<!-- lensflares -->

	<!-- change the default textstyle for showtext: -->	<textstyle name="DEFAULT" font="Arial" fontsize="12" textcolor="0xFFFFFF" border="false" background="false" effect="glow(0x000000,0.7,4,2);dropshadow(4,45,0x000000,4,1);" />
		<plugin name="spot0" url="mappoint.png" zorder="2" align="topleft" edge="center"   x="25" y="500" onhover="showtext(Move Here);"         onclick="loadpano(tour0.xml,NULL,MERGE,BLEND(1));" />    <plugin name="spot1" url="mappoint.png" zorder="2" align="topleft" edge="center"   x="649" y="275" onhover="showtext(Move Here);"     onclick="loadpano(tour1.xml,NULL,MERGE,BLEND(1));" />    <plugin name="spot2" url="mappoint.png" zorder="2" align="topleft" edge="center"   x="686" y="300" onhover="showtext(Move Here);" onclick="loadpano(tour2.xml,NULL,MERGE,BLEND(1));" />    <plugin name="spot3" url="mappoint.png" zorder="2" align="topleft" edge="center"   x="748" y="250" onhover="showtext(Move Here);"        onclick="loadpano(tour3.xml,NULL,MERGE,BLEND(1));" />		<plugin name="map"		url="map-blank.png"		keep="true"		visible="true"		enabled="true"		handcursor="false"		capture="true"		children="true" 		zorder="0"		alpha="1"		blendmode="normal"		smoothing="true"		align="left"		edge="right"		x="50" y="0"		ox="50" oy="0"		rotate="0"		width="975" height="803"		scale="1"		scale9grid=""		crop=""		mask=""		onloaded=""		onover="action(slide_action_1_in);"		onhover="showtext(Click to Hide Map)"		onout=""		ondown=""		onup=""		onclick="action(slide_action_1_out);"	/>	<action name="slide_action_1_in">				tween(plugin[map].x,975,distance(950,1),linear);		action(showspots);	</action>
	<action name="slide_action_1_out">		action(hidespots);		tween(plugin[map].x,50,distance(500,1),linear);	</action>			<action name="showspots">  		set(plugin[spot0].alpha,0);    	set(plugin[spot1].alpha,0);    	set(plugin[spot2].alpha,0);    	set(plugin[spot3].alpha,0);
  		    	set(plugin[spot0].visible,true);    	set(plugin[spot1].visible,true);    	set(plugin[spot2].visible,true);    	set(plugin[spot3].visible,true);
        tween(plugin[spot0].alpha,1);    	tween(plugin[spot1].alpha,1);    	tween(plugin[spot2].alpha,1);    	tween(plugin[spot3].alpha,1);
    </action>		 <action name="hidespots">    	set(plugin[spot0].visible,false);    	set(plugin[spot1].visible,false);    	set(plugin[spot2].visible,false);    	set(plugin[spot3].visible,false);
    </action>
</krpano>

Zitat

»JDB« hat folgendes Bild angehängt:

Zum Seitenanfang

klaus.krpano

Administrator

Beiträge: 13 499

Montag, 11. Mai 2009, 13:30

Hi,

set keep="true" also for your spots,
maybe this is the problem in your case...

best regards,
Klaus

Zum Seitenanfang

JDB

Anfänger

Beiträge: 6

Donnerstag, 14. Mai 2009, 06:00

Zitat von »klaus.krpano«

Hi,

set keep="true" also for your spots,
maybe this is the problem in your case...

best regards,
Klaus

Thanks Klaus, that fixed my issue.
You have a great piece of software!

Zum Seitenanfang

Phil

Schüler

Beiträge: 97

Wohnort: Texas

Dienstag, 9. Juni 2009, 06:04

I have the slider working but it moves a little too slow. How do I double the speed?

Here's the code I'm using.

Quellcode

	<plugin name="slide1"
		url="images/vslider_500px.png"
		keep="true"
		visible="true"
		enabled="true"
		handcursor="true"
		capture="true"
		children="true"
		zorder="1"
		alpha="1.00"
		blendmode="normal"
		smoothing="true"
		align="left"
		edge="right"
		x="0" y="0"
		ox="40" oy="0"
		rotate="0"
		width="" height=""
		scale="1"
		scale9grid=""
		crop=""
		mask=""
		onloaded=""
		onover="action(slide_action_1_in);"
		onhover=""
		onout="action(slide_action_1_out);"
		ondown=""
		onup=""
		onclick=""
	/>

	<action name="slide_action_1_in">
		tween(plugin[slide1].x,190,distance(500,3),linear);
	</action>

	<action name="slide_action_1_out">
		tween(plugin[slide1].x,0,distance(500,3),linear);
	</action>

Thanks,
Phil

Zum Seitenanfang

Phil

Schüler

Beiträge: 97

Wohnort: Texas

Dienstag, 9. Juni 2009, 06:17

Why is it easy to find the answer immediately on my own after posting the question?

The 3 in this line of code indicates the speed. The lower the number the faster the movement.

	Quellcode
1	tween(plugin[slide1].x,190,distance(500,3),linear);

Phil

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Phil« (9. Juni 2009, 06:43)

Zum Seitenanfang

Graydon

Profi

Beiträge: 614

Wohnort: Texas

Beruf: Industrial gas turbine services.

Dienstag, 9. Juni 2009, 06:19

change the parameters...

	Quellcode
1	distance(500,3)

to...

	Quellcode
1	distance(500,1.5)

or some other appropriate combination.

Some more information can be found here

To make it simpler to understand you should actually set it up like...

	Quellcode
1	distance(190,##)

... since you are tweening a total distance of 190... and then the ## will make more sense as it's the total amount of time you would want your slide to take to go the entire distance.

Graydon

Marlin Creek
Marlincreek.com
graydon@marlincreek.com