Sie sind nicht angemeldet.

Showtext Plugin einbinden in MAKE VTOUR (MULTIRES) droplet

ael

Schüler

  • »ael« ist der Autor dieses Themas

Beiträge: 56

  • Nachricht senden

1

Mittwoch, 3. Dezember 2014, 11:43

Showtext Plugin einbinden in MAKE VTOUR (MULTIRES) droplet

Hallo Klaus,

gibt es ein Beispiel wie ich das neue Showtext Plugin in das MAKE VTOUR (MULTIRES) droplet einbinden kann.
Mir geht es um die Anzeige der Tooltips auf mobilen Endgeräten.

Lg

klaus.krpano

Administrator

Beiträge: 13 499

  • Nachricht senden

2

Mittwoch, 10. Dezember 2014, 07:30

Hi,

das showtext.xml Plugin sollte eigentlich beim VTOUR Skin nicht notwendig sein.
Dieses Skin hat bereits grundsätzlich Möglichkeiten Tooltips darzustellen.

Da es auf mobilen Geräten aber keine Maus Over/Out Events gibt, müsste die vtourskin.xml entsprechend geändert und angepasst werden und z.B. die Down/Up Events anstelle dessen verwendet werden.

Schöne Grüße,
Klaus

ael

Schüler

  • »ael« ist der Autor dieses Themas

Beiträge: 56

  • Nachricht senden

3

Donnerstag, 11. Dezember 2014, 22:27

Hallo Klaus,

könntest du bitte mal ein Beispiel bereitstellen? Ich habe schon alles mögliche probiert.
Anbei ein Beispiel.

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

<!-- skin_tooltip - style for the thumb, hotspot and mapspot tooltips -->
<style name="skin_tooltips"
			onover="copy(layer[skin_tooltip].html, tooltip);
	               set(layer[skin_tooltip].visible, true);
	               tween(layer[skin_tooltip].alpha, 1.0, 0.1);
	               asyncloop(hovering, copy(layer[skin_tooltip].x,mouse.stagex); copy(layer[skin_tooltip].y,mouse.stagey); ); action(stopPano);"
			onout="tween(layer[skin_tooltip].alpha, 0.0, 0.1, default, set(layer[skin_tooltip].visible,false), copy(layer[skin_tooltip].x,mouse.stagex); copy(layer[skin_tooltip].y,mouse.stagey); ); action(startPano);"
			ondown.touch="onover(); asyncloop(pressed, onhover(); );"
			onup.touch="onout();"
	       />

<!-- the tooltip textfield -->
<layer name="skin_tooltip"
			font="Arial" fontsize.no-mobile="20" fontsize.mobile="28" bold="true" italic="true"
			background="true" backgroundcolor="0x333333" backgroundalpha="0.5"
			border="false"
			textcolor="0xFFFFFF"
			padding="6 12"
			roundedge="2"
			origin="cursor"
			edge="bottom"
			textalign="none"
			xoffset="0"
			yoffset.no-touch="-5"
			yoffset.touch="-40"	           
	       />




Bekomme es aber nicht hin *cry*
Wäre dir sehr dankbar.

Lg

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »ael« (12. Dezember 2014, 08:58)

klaus.krpano

Administrator

Beiträge: 13 499

  • Nachricht senden

4

Samstag, 13. Dezember 2014, 13:42

Hier ein Beispiel - siehe die '.mobile' Einträge (alles andere entspricht der Standard vtourskin.xml):

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

<!-- skin_tooltip - style for the thumb, hotspot and mapspot tooltips -->
<style name="skin_tooltips"
       onover="copy(layer[skin_tooltip].html, tooltip);
               set(layer[skin_tooltip].visible, true);
               tween(layer[skin_tooltip].alpha, 1.0, 0.1);
               asyncloop(hovering, copy(layer[skin_tooltip].x,mouse.stagex); copy(layer[skin_tooltip].y,mouse.stagey); );"
       onout="tween(layer[skin_tooltip].alpha, 0.0, 0.1, default, set(layer[skin_tooltip].visible,false), copy(layer[skin_tooltip].x,mouse.stagex); copy(layer[skin_tooltip].y,mouse.stagey); );"
       
       ondown.mobile="copy(layer[skin_tooltip].html, tooltip);
                      set(layer[skin_tooltip].visible, true);
                      copy(layer[skin_tooltip].x, mouse.stagex);
                      sub(layer[skin_tooltip].y, mouse.stagey, 40);
                      tween(layer[skin_tooltip].alpha, 1.0, 0.1);"
       onup.mobile="tween(layer[skin_tooltip].alpha, 0.0, 0.1, default, set(layer[skin_tooltip].visible,false) );"
       />

<!-- the tooltip textfield -->
<layer name="skin_tooltip" keep="true"
       url="%SWFPATH%/plugins/textfield.swf"
       parent="STAGE"
       visible="false" alpha="0" enabled="false"
       align="lefttop" edge="bottom" oy="-2" width="200" autoheight="true"
       background="false" backgroundcolor="0xFFFFFF" backgroundalpha="1.0"
       border="false" bordercolor="0x000000" borderalpha="1.0" borderwidth="1.0" roundedge="0"
       shadow="0.0" shadowrange="4.0" shadowangle="45" shadowcolor="0x000000" shadowalpha="1.0"
       textshadow="1" textshadowrange="6.0" textshadowangle="90" textshadowcolor="0x000000" textshadowalpha="1.0"
       css="text-align:center; color:#FFFFFF; font-family:Arial; font-weight:bold; font-size:16px;"
       css.mobile="text-align:center; color:#FFFFFF; font-family:Arial; font-weight:bold; font-size:28px;"
       html=""
       />


Schöne Grüße,
Klaus

Ähnliche Themen