Animierter Hotspot oder interactiver Bereich mit mehreren Bildern?

vladi · July 25, 2011 at 4:36 AM

Hallo.

Ich möchte eine kleine Animation auslösen, beim drüber fahren mit der Maus über einen bestimmten Bereich.
Programmierung ist leider nicht mein Spezialgebiet, deshalb hab ich es so probiert. (aus dem animated hotspot Beispiel)

leider funktioniert es so nicht, wenn distorted="true" ist.

- wie kann ich das anders lösen?
- oder ist da ein Fehler im Code?
- hatte es mit onhover/onover anstelle von onloaded= probiert, da wurde die Animation immer schneller und schneller - warum?
- oder könnt ich mit dem "interactiv area Beispiel" mehrere Bilder abspielen lassen als Schleife?

Code

<hotspot name="lift2" style="style_lift2" ath="100.21074840664204" atv="-3.670212075020833"
	         zoom="true" distorted="true"
	         width="440" height="755"
	         scale="0.7589175844033624" scale9grid="" scalechildren="false" rotate="0"
	         rx="-2.012500000000017" ry="21.875" rz="-0.728018512896502" onclick="movetoflur2a(); mapog1();" />
	
	<!-- hotspot style predefines - black hotspot -->
	<style name="style_lift2"
	       url="skin/lift2.jpg"
	       crop="0|0|440|755"
	       frames="7" framewidth="440" frameheight="755" frame="0"
	       onloaded="hotspot_animate();"
	       altonloaded="if(isphone, mul(scale,2)); onloaded();"
	       />


	<!-- hotspot animation action -->
	<action name="hotspot_animate">
		inc(frame,1,get(frames),0);
		mul(ypos,frame,frameheight);
		txtadd(crop,'0|',get(ypos),'|',get(framewidth),'|',get(frameheight));
		delayedcall(0.4, hotspot_animate() );
	</action>

Display More

Hier die "Animation", die ich im Panorama platzieren möchte

Vielen Dank für Hilfe

Nupsi · July 27, 2011 at 12:39 PM

Hi Vladi,

die Animation wird deshalb immer schneller, weil sie durch die onhover-funktion immer und immer wieder gestartet wird. Das geht dann so weit, dass die Animation irgendwann 100x gleichzeitig läuft
Um dies zu unterbinden, musst Du die onover-Funktion nutzen und zusätzlich eine stop-Variable setzen,welche beim onout-event ausgelöst wird. Ansonsten wird die Animation bei jedem neuen mouse-onover wieder neu gestartet, was dann wieder zu obigem Effekt führt.

Gruß
Nupsi

vladi · August 1, 2011 at 1:03 AM

Danke erstmal, aber wie genau und wo setze ich eine stop-Variable

UND ganz wichtig: distorted muss an sein, da das Bild sonst "rumwandert" beim Drehen im Panorama :(((((((
Wenn distorted=true gesetzt ist, geht die action nicht mehr :((

pleace help

Nupsi · August 1, 2011 at 12:42 PM

Hi nochmal,

das stop-event setzt Du am besten in eine Variable namens "stop" (name ist beliebig). In diese wiederum setzt Du den loop-Aufruf der Action, also in etwa so:
delayedcall(0.3, get(stop));

Nun brauchst Du in die onover und onout-events des Hotspots/Plugins nur noch die Variable "stop" entsprechend neu zu setzen. Also so:
onover="set(stop,name_der_action);"
onout="set(stop,null);"

Beim onover wird so der loop aktiviert und beim onout deaktiviert. Gibt sicher noch andere Wege, aber so funktioniert es definitiv.

Gruß
NUPSI

klaus.krpano · August 6, 2011 at 12:43 PM

Hi,

das "crop" funktioniert leider noch nicht zusammen mit distorted="true",
eine Alternative wäre hier ein kleines Video oder mehrere Hotspots deren Sichtbarkeit nacheinander durchgeschaltet wird...

Schöne Grüße,
Klaus

Animierter Hotspot oder interactiver Bereich mit mehreren Bildern?

Participate now!

Users Viewing This Thread