Ihr kennt Lightbox …
Ihr kennt Scriptaculous …
Ihr kennt jQuery …
Ihr kennt MooTools …

Stop! Aber es gibt einen, den kennt ihr noch nicht …

Hier kommt FancyZoom!

Viele Leute haben mich gefragt, wie ich die Bilder hier im Blog zoome, ich konnte bisher nie eine zufrieden stellende Antwort geben, da ich den Link verlegt hatte und nicht mehr wiedergefunden habe, bis heute.

Ich verwende FanceZoom vom Panic (Coda, Transmit) Co-Founder Cabel M. Sasser in einer leicht modifizierten Variante.

Normalerweise würde jedes Bild gezoomt werden, solange es nicht “rel=’nozoom’” enthält.

Da ich aber schon lange diverse Lightboxen verwendet habe und somit jedes zoombare Bild ein rel=”lightbox” an der Seite hat, habe ich folgende Funktion prepZooms überarbetet:

function prepZooms() {
if (! document.getElementsByTagName) {
return;
}
var links = document.getElementsByTagName("a");
for (i = 0; i < links.length; i++) {
if (links[i].getAttribute("href") && (links[i].getAttribute("rel"))) {
if (links[i].getAttribute("rel").indexOf("lightbox") == 0) {
links[i].onclick = function (event) { return zoomClick(this, event); };
links[i].onmouseover = function () { zoomPreload(this); };

}
}
}
}

Hier nocheinmal eine Demo des Skripts:

Tolles Skript, relativ klein, aber ziemlich schnieke!