nicht angemeldet
Gunnar Bittersmann@@Sven:
nuqneH
Lediglich der "Zooming"-Effekt fehlt noch. Jetzt springt das Bild von normal sofort auf einen vergrößerten Ausschnitt. Auf der Beispiel-Seite passiert dies jedoch langsam. Wie kann ich diesen Effekt mit CSS/JavaScript nachbilden?
Mit CSS 3. [CSS3-TRANSITIONS] Irgendwann.
Ansonsten musst du halt die sich ändernden Werte (width und/oder height, left, top) per JavaScript in kleinen http://de.selfhtml.org/javascript/objekte/window.htm#set_interval@title=Intervallen schrittweise ändern.
Im einfachsten Fall linear: Wenn du vom Wert [latex]a_0[/latex] in [latex]n[/latex] Schritten zum Wert [latex]a_n[/latex] gelangen willst, musst du halt in jedem Schritt [latex]\frac{a_n - a_0}{n}[/latex] dazuadddieren.
Beim 'mouseover'-Event beendest du ein eventuell noch laufendes Intervall (das den Zoom-out-Effekt realisiert) und startest eins, das den Zoom-in-Effekt realisiert. Beim 'mouseout'-Event andersrum.
Qapla'
Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
(Mark Twain)