Hover to Zoom

Question

Hallo,

ich würde gerne eine Hover to Zoom funktion einbinden um ein Bild zu vergrößern.
Es handelt sich dabei um Aktienkurse, bei denen bei verkleinerung leider die Achsenbeschriftungen nicht mehr lesbar sind (x-Achse Datum, Y-Achse: Kurs). Oder wäre ein Button die sinnvollere Lösung?
Das Bild einzubinden habe ich geschafft.

Vielen Dank!

Answer 1

Im Prinzip müssen Sie eine größere Version des Bildes nur per JavaScript einblenden, wenn der Mauszeiger sich über dem Bild befindet: Informationen per Mausklick einblenden

Es gibt aber auch schöne Lösungen mit CSS (How TO - Zoom on Hover), wobei man das CSS einfach mittels pageCSS() einbinden kann.

Ansonsten finden Sie im Internet auch noch unzähliche Anleitungen mit Beispiel-Scripten, z.B. Javascript: Zoom in on mouseover WITHOUT Jquery or plugins.

Wie Sie es am Ende implementieren ist eine Frage, wie das Ergebnis genau aussehen soll. Testen Sie einmal ein paar der Möglichkeiten - wenn etwas nicht funktioniert, posten Sie hier gerne einen Pretest-Link direkt (!) zur betroffenen Seite.