27.6.08

Lupe zum Vergrößern von Bildern anzeigen (click enlarge)

Servus!
Also, es gibt mal wieder einen neuen Typoscript Hack von mir.
Diesmal war das Problem folgendes: Kunde wollte ein Bild auf seiner Webseite, dass beim Klick darauf vergrößert wird. Standardmäßig ja erstmal kein Problem.
Jetzt soll aber unter dem Bild eine kleine Lupe angezeigt werden, die beim Klick darauf das gleiche tut - sprich das eigentliche Bild vergrößern. Neben der Lupe soll dann die Bildcaption stehen.

Lösung:
tt_content.image.30 < tt_content.image.20
tt_content.image.30 {
1.stdWrap {
HTMLparser = 1
HTMLparser.tags.a = 1
HTMLparser.tags.img.fixAttrib.src.set = fileadmin/template/icons/zoom_in.jpg
HTMLparser.tags.img.fixAttrib.width.set = 40
HTMLparser.tags.img.fixAttrib.height.set = 40

if {
value.field = image_zoom
equals = 1
}
}
}
tt_content.image.20 {
caption.1.stdWrap.if {
value.field = image_zoom
equals = 1
negate = 1
}
}


Anpassen müsst ihr eigentlich nur die Zeilen 6, 7 und 8. Der Pfad zu eurer "Lupe" muss logischerweise stimmen und die Breite bzw. Höhe auch, da sonst die Lupe auf die Größe des Originalbildes aufgebläht wird.
Das war's dann auch schon. So wird die Lupe nur angezeigt wenn die Checkbox "Click enlarge" angeklickt ist - die Caption wird auch nur in diesem Fall in die Lupenbox geschoben.