onmouseover/out mit "stop"

Malaxo

Erfahrenes Mitglied
Hey Leute ich spiele gerade ein wenig mit AJAX rum und benütze dabei das Framework Scriptacolous. Nun hab ich einen coolen Effekt den ich gut gebrauchen könnte gefunden. Dabei verwende ich die JS möglichkeiten von onmouseover/out.

Jedoch darf der nächste Prozess erst gestarten werden, wenn der erste beendet ist <- Erläuterung:
Wenn man auf ein Bild kommt (onmouseover) wird das Bild vergrössert. Wenn man aus dem Bild fährt (onmouseout) wird es wieder verkleinert (jeweils um 200% + oder 50% -). Jedoch, wenn man schnell macht und das Bild noch nicht fertig vergrössert ist und schon wieder das Bild "verlässt" wird es vom aktuellen Stand um 200% verkleinert. Das heisst das Bild wird somit immer kleiner oder immer grösser.

HTML:
<div id="blu" class="blu"><img src="blue.jpg" id="blue" onmouseover="new Effect.Scale('blue', 200)" onmouseout="new Effect.Scale('blue', 50)"></div>

Kann man so einen Stop zwischen onmouseover/out einbauen? oder sonst irgend so was?

Greez
 
entweder die Methode scale hat einen return wert, der bei fertigstellung auf true oder so gesetzt wird, oder du musst diese noch etwas umbauen.

ich würd entweder ausrechnen wie lange es dauert bis ein bild die maximalgröße hat, und nen flag setzen wenn diese Zeit vorbei ist, erst wenn das flag true is kannst dann das verkleinern wieder aufrufen.

oder

du schreibst dir die Methode scale so um, dass sie nach dem vollständigen skalieren einen wert (zB true) zurückgibt, irgendeine variable setzt oder was auch immer (je nach implementierung von scale) und erst wenn diese variable gesetzt wurde das verkleinern ermöglicht wird.

MFG Masda
 
Zurück