Zoomfunktion mit JavaScript

Eine Funktion zum Vergrößern und Verkleinern von Grafiken

Übersicht / Seite:

1. Funktionen zum Zoomen (und zum Verschieben von Grafiken)
2. Eine einfache Zoomfunktion (für Bilder mit JavaScript, allgemeine Infos)
3. Code-Listing und Details (Beschreibung einer einfachen Zoomfunktion)
4. Ausrichten von Grafiken (und zentrieren innerhalb eines Bereiches)
5. Verschieben von Grafiken (ausschnittsweise innerhalb eines Bereiches)
6. Listing und Details (zum Verschieben von Bildern oder sonstigen Grafiken)
7. Funktionsweise und Prinzip (Programmablaufplan / Flussdiagramm)
8. Komplettes Code-Listing (zum Zoomen und Ausrichten von Grafiken)

---

Zoomfunktion für Grafiken

Dank JavaScript lassen sich statische Webseiten mit dynamischen Inhalten kombi­nieren, die eine Interaktion des Benutzers ermöglichen. Als Beispiel für eine derar­tige Kombination soll eine Zoomfunktion zum Vergrößern und Verklei­nern von Grafiken dienen.
 

Ermöglicht wird dieser Zoomeffekt in dem das Style-Objekt entsprechend dem Document Object Model (DOM) angesprochen wird und die Style-Eigenschaften des Image-Inline-Elementes verändert werden. Weitere Infos zu den erfor­derlichen Berechnungen und verwendeten Methoden auf Seite 3 dieses Tutorials.

Funktionen zum Zoomen « / » Code-Listing und Details