[TYPO3-german] Lupen Symbol für vergrößerbare Bilder
Christian Reiter
cr at cxd.de
Sun Oct 22 03:56:47 CEST 2006
Hallo,
Da brauchts nicht unbedingt eine extension. Ich habe so etwas mal irgendwie
so ähnlich gemacht...
in einem extension template in dem bereich wo die lupenbilder sein sollten
stand
tt_content.textpic.stdWrap.dataWrap = <div
class="clickenlarge-{field:image_zoom}"> | </div>
tt_content.image.stdWrap.dataWrap = <div
class="clickenlarge-{field:image_zoom}"> | </div>
Damit bekommen diejenigen Bild-Elemente, bei denen "Klick-vergrößern"
angekreuzt ist, einen DIV drumgeklatscht mit der class "clickenlarge-1". Die
anderen "clickenlarge-0"
Dann nimmst Du dir ein LupenIcon, zB irgend so ein 16x16px Icon und legst es
irgendwo ab, zB fileadmin/template/meinewebsite/images/lupe.gif, und tust
etwas ins CSS was grob so aussieht, nur zur Veranschaulichung
DIV.clickenlarge-1 A img{
padding:16px 0px 0px 0px;
background-image: url(/fileadmin/template/teva/images/lupe.gif);
background-repeat: no-repeat;
background-position: right top;
display:block;
/* usw... */
}
Dieses Beispiel sollte dann die Lupe rechts oben über dem Originalbildchen
anzeigen.
Da der Tag, dem die Lupe als Hintergrund zugewiesen wird,innerhalb des
A-Tags liegt, ist die Lupe auch klckbar und öffnet das Popup. Man kann den
Style auch gleich auf das A anwenden, aber auf den DIV bringts nix, dann ist
die Lupe natürlich nicht klickbar.
Was an dieser Lösung konzeptionell hässlich ist, ist dass ALLE Bilder einen
DIV drumherum bekommen der bei denen ohne clickenlarge total nutzlos ist.
Das versuppt den Code. Da geht typoscriptmäßig bestimmt noch irgendetwas mit
stwrap.if / required oder so, ein TS Meister wird da vielleicht noch eine
elegantere Lösung haben.
Wenn das Lupenbild richtig in das Image "hineingerechnet" werden soll,
braucht es natürlich wirklich eine IM-Bearbeitung.
Grüsse,
Christian Reiter
"Christian Leicht" <usenet at schani.com> schrieb im Newsbeitrag
news:mailman.1.1161454232.16233.typo3-german at lists.netfielders.de...
> Hallo zusammen,
>
> gibt es eine Extension die es ermöglicht, zu jedem Bild das sich
> vergrößern lässt eine Lupe anzuzeigen ?
>
> Klasse wäre ja auch die kleinen Thumbs bekämen über IM einen
> zusätzlichen Layer mit einer kleinen Lupe in einer der Ecken ;-)
>
>
> Gibts so was ?
>
> Christian
More information about the TYPO3-german
mailing list