Sie sind nicht angemeldet.

Layer ein- und ausblenden

Laie

Schüler

  • »Laie« ist der Autor dieses Themas

Beiträge: 52

  • Nachricht senden

1

Montag, 14. Januar 2013, 19:23

Layer ein- und ausblenden

Hallo,
mir raucht der Kopf und nun weiß ich nicht weiter.
Ich möchte über ein und dasselbe Icon eine Map ein- und ausblenden.
Das Einblenden klappt, aber ich möchte durch erneuten Klick auf das Icon die Map auch wieder ausblenden.

Der Code sieht bei mir so aus:

Quellcode

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

<plugin name="mapicon"
    	url="skin/map_icon.png"
    	align="topleft" width="30" height="30" x="117" y="13" 
    	keep="true"
    	zorder="99999999"
    	handcursor="true"
    	alpha="1"
    	visible="true"
    	onclick="action(showmap)"
    	/>

<layer name="map" url="skin/map.png" 
	keep="true"  
	align="center" 
	alpha="1" 
	handcursor="true" 
	scalechildren="true"
    	width="520" 
    	height="520"
	onhover=""
    	onclick="action(hidemap);"
	visible="false" />
    	
<action name="hidemap">
	tween(layer[map].alpha,0,,,set(layer[map].visible,false));
</action>

<action name="showmap">
	set(layer[map].visible,true); tween(plugin[map].alpha,1);
</action>


Kann mir jemand sagen, wie ich das umsetzen kann?

Danke im voraus.

toosten

Fortgeschrittener

Beiträge: 521

Wohnort: Berlin

Beruf: Software-Entwickler bei VR-Easy ( HTML, JS, PHP, krpano, C++, Java )

  • Nachricht senden

2

Mittwoch, 16. Januar 2013, 08:13

Quellcode

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

<action name="hidemap">
	tween(layer[map].alpha,0,,,set(layer[map].visible,false));
	set( plugin[mapicon].onclick, showmap);
</action>

<action name="showmap">
	set(layer[map].visible,true); tween(plugin[map].alpha,1);
	set( plugin[mapicon].onclick, hidemap);
</action> 

// ODER

<action name="changemap">
	if( layer[map].alpha > 0,
		tween(layer[map].alpha,0,,,set(layer[map].visible,false));
	,
		set(layer[map].visible,true); tween(plugin[map].alpha,1);	
	);
</action>
.
.
Wir machen VR »EASY« - Erstelle ganz einfach virtuelle 360° Rundgänge.
We make VR »EASY« - Create virtual 360° tours easily.

Laie

Schüler

  • »Laie« ist der Autor dieses Themas

Beiträge: 52

  • Nachricht senden

3

Mittwoch, 16. Januar 2013, 11:31

Ich danke dir von ganzen Herzen für deine Lösung!

Nun sieht bei mir der Code so aus - vielleicht kann es der eine oder andere "Laie" irgendwann gebrauchen:

Quellcode

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

<plugin name="mapicon"
        url="skin/map_icon.png"
        align="topleft" width="30" height="30" x="117" y="13" 
        keep="true"
        zorder="99999999"
        handcursor="true"
        alpha="1"
        visible="true"
        onclick="action(changemap)"
        />

<layer name="map" url="skin/map.png" 
		    keep="true"  
	      align="center" 
		    alpha="0" 
		    handcursor="true" 
	      scalechildren="true"
        width="520" 
        height="520"
		    onhover=""
        onclick="action(changemap);"
		    visible="false" />

<action name="changemap">
	if( layer[map].alpha > 0,
		tween(layer[map].alpha,0,,,set(layer[map].visible,false));
	,
		set(layer[map].visible,true); tween(plugin[map].alpha,1);	
	);
</action>

flow

Anfänger

Beiträge: 34

  • Nachricht senden

4

Donnerstag, 1. August 2013, 12:05

Hallo,
ich bin nach langem testen, mit welchem Code es bei mir klappt, Navimaps via Button ein und auszublenden, mit diesem hier von Laie geposteten Code zurechtgekommen.
Kann mir jemand sagen, wie ich den Code ändern kann, so dass die KArte nicht einfach ausgeblendet, sondern nach oben um z.B. 200px rausgeschoben und dann wieder reingeschoben wird. Meinetwegen kann das ja gerne mit dem bisherigen unsichtbarmachen verknüpft sein.

Ähnliche Themen