Frank Koenig - Webbdesign, Codierung

Mit dem praktischen Plug-In “Thumbnail-Viewer” lassen sich Bilder per Mausklick vergrößern ohne dass die Seite neu geladen wird. Das Programm ist in Javascript geschrieben und an das berühmte Lightbox angelehnt, aber erheblich kleiner als dieses.
Ist das Plug-In erst einmal hochgeladen und aktiviert, fügt man in der HTML-Ansicht in den Anker <a> oder das Bild <img> einfach rel=”thumbnail” ein.

Code-Beispiel:

<a href="http://www.url.de/img.JPG" rel="thumbnail" title="Bild">
<img src="http://www.url.de/img.thumbnail.JPG" alt="Bild" /></a>

Natürlich macht das Beispiel nur Sinn, wenn man auch ein paar Bilder sieht. Also hier etwas zum anklicken:
(Javascript sollte dazu schon im Browser eingeschaltet sein)

Das “Thumbnail-Viewer” Plug-In gibt es hier

Die Bilder sind eigene Fotos von Frank König

Frank König

Soeben habe ich den Thumbnail-Viewer installiert und möchte natürlich ausprobieren, ob er denn auch funktioniert.
Also ran ans Werk und paar Bildchen für den Test gesucht.

Diese Bilderreihe ist vom letzten Fasnacht in der Schweiz, sie zeigt einen Umzug von Guggenmusik Gruppen.
Der Thumbnail-Viewer ist in Javascript programmiert, also ohne Scripting im Browser geht natürlich nichts. Ein Klick auf das Bild genügt:

Und weil das Klicken soviel Spass macht, nochmal drei Bilder: