You are not logged in.

1

Wednesday, December 3rd 2014, 11:43am

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

2

Wednesday, December 10th 2014, 7:30am

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

3

Thursday, December 11th 2014, 10:27pm

Hallo Klaus,

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

Source code

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

This post has been edited 1 times, last edit by "ael" (Dec 12th 2014, 8:58am)


4

Saturday, December 13th 2014, 1:42pm

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

Source code

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