Bilder heranzoomen

jQuery.imageView
Kommentare

Bilder können Web-Content deutlich aufwerten und Informationen visuell unterstreichen. Während bei manchen Bildern sowohl Vorder-, als auch Hintergrund leicht zu erkennen sind, gibt es zahlreiche Bilder, bei denen man kleinere Details im Hintergrund näher betrachten will.

Eine besonders einfache Lösung dafür bieten zum Beispiel jQuery-Plug-ins wie jQuery.imageView. Parvez Alam hat das Plug-in vorgestellt.

Bildausschnitt vergrößern mit jQuery.imageView

Werden Bilder im Internet herangezoomt, gibt es verschiedene Möglichkeiten der Darstellung – etwa in einem neuen Fenster, bei dem stufenweise herangezoomt werden kann, oder in einem Pop-up-Fenster, das einen größeren Bildausschnitt zeigt. Mit dem Plug-in jQuery.imageView wird direkt in das Bild gezoomt; anschließend kann mittels Drag-and-Drop zum gewünschten Bildausschnitt navigiert werden.

Das Plug-in steht auf der Projekt-Website zum Download zur Verfügung. Dort findet sich auch ein Code-Beispiel, sowie eine Demo zur Verdeutlichung.

Aufmacherbild: Objective in yellow light. Tilt-shift lens use. von Shutterstock / Urheberrecht: isak55

Unsere Redaktion empfiehlt:

Relevante Beiträge

Meinungen zu diesem Beitrag

X
- Gib Deinen Standort ein -
- or -