Webdesign – Javascript
Bilder Zoomen

Seiteneffekte ___

Das Zoomen von Grafiken kann für nette Seiteneffekte, aber auch als Feature zumbesseren Erkennen von Details eingesetzt werden. Das bewerkstelligt ein wenig Javascript-Code:

Damit das Zoomen beim Laden der Seite gestartet wird, ergänzen Sie das body-Tag der Seite:

Das Bild selbst wird wie folgt in die Site integriert:

Zum Ändern der Animationsgeschwindigkeit verändern Sie die Werte unter setTimeout.Alternativ können Sie die Zahl anpassen, mit der die Variablen x und y addiert werden.
Um die Geschwindigkeit zu erhöhen oder zu senken, lässt sich entweder der Warte-Wert des “setTimeout” verändern, oder aber die Zahl, mit der die Variablen x und y addiert werden. Wenn Sie in der Zeile if(x < maxx) { x = x + 10; } anstatt der 10 eine 15 setzen, läuft die Zoom-Animation schneller ab.