Cloud Zoom – Bilder mit jQuery zoomen

Cloud Zoom

Cloud Zoom

Cloud Zoom ist ein jQuery PlugIn mit dem man Bilder auf einer Seite um eine Zoom-Funktion erweitern kann. Nutzt man das PlugIn, erscheint auf der Seite ganz normal eine verkleinerte Version des Bildes und wenn man mit der Maus darüber fährt wird eine vergrösserte Ansicht eingeblendet.

Dabei kann man das PlugIn so konfigurieren, dass die Detailansicht (wie links im Bild) entweder neben der verkleinerten Version angezeigt wird oder diese ersetzt.

Lässt man die Detailansicht neben der verkleinerten Version erscheinen kann man diverse Effekte nutzen um den Bereich kenntlich zu machen der gerade vergrössert wird. Ausser der Standard-Einstellung die man hier im Screenshot sehen kann, kann man z.B. den nicht vergrösserten Bereich beliebig einfärben oder mit einem Weichzeichner versehen, so dass nur der vergrösserte Bereich scharf zu sehen ist. Am Besten schaut ihr Euch mal die Demos auf der Seite an :-)

Das PlugIn steht unter der MIT-Lizenz und sollte auf allen relevanten Browsern funktionieren.

Lizenz:MIT-Lizenz
Kurz-URLs:http://tinyurl.com/4f2j5vc
http://bit.ly/9ajcXZ

Verwandte Themen:

  1. Zoombare Bilder mit der Google Maps API erstellen
  2. miniTip – Tooltips mit jQuery erstellen

Christian

Baujahr 1976, Software-Entwickler und Web-Designer aus Leidenschaft, Erfahrung in gefühlten 9342049 Programmiersprachen (PHP, Perl, C#, VB.Net, VB6, Delphi um nur einige zu nennen), in der Vergangenheit an diversen Open Source Projekten beteiligt (allen voran das gute alte YaBB und YaBB SE)

2 Kommentare zu “Cloud Zoom – Bilder mit jQuery zoomen”

  1. Robert

    Das Plugin sieht wirklich sehr gut aus. Frage mich nur, warum mittlerweile alles ein “cloud” im Namen haben muss (-;

  2. Christian

    Yay! Wollte gerade Google auf die Suche nach so einem Zoom-Plugin für jQuery schicken.
    Vielen Dank für die Vorstellung. Hat (mir und Google) die Sucherei erspart :-)