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
Showtext Plugin einbinden in MAKE VTOUR (MULTIRES) droplet
-
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 -
Hallo Klaus,
könntest du bitte mal ein Beispiel bereitstellen? Ich habe schon alles mögliche probiert.
Anbei ein Beispiel.Code
Alles anzeigen<!-- 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
Wäre dir sehr dankbar.Lg
-
Hier ein Beispiel - siehe die '.mobile' Einträge (alles andere entspricht der Standard vtourskin.xml):
Code
Alles anzeigen<!-- 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
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!