Zum Inhalt springen

Bilder mit Overlib Funktion

Erstellt am 13. Dezember 2006 · 1 Antwort · letzte Antwort am 14. Dezember 2006

Tags: Frage

Kopfduell ·

Hallo
Tja, grad mal 2 Wochen mit Typo3 gearbeitet und schon ein recht kniffliges Problem:
Die meisten Bilder, die auf meiner Seite dargestellt werden, dürfen aus designtechnischen Gründen nicht grösser als 100px breit sein. Um trotzdem eine Großansicht des jeweiligen Bildes zu ermöglichen, würde ich hier gerne mit dem Javascript overlib.js (nicht die Extension!) arbeiten.
Wer Overlib nicht kennen sollte, schaut hier (im linken Event-Menu): http://www.sage-club.de/crm06/index.php

Im Endeffekt muss ich bei meiner Seite eigentlich nur noch erreichen, dass jeweils das Bild mit Code "umhüllt" wird, welcher ungefähr so aussehen wird:

<div class="overlib_bild" onmouseover="return overlib('<img src="originalfile.jpg" alt="" />');" onmouseout="return nd();"><img src="blablabla.jpg" alt="" /></div>

So, da sieht man auch schon mein eigentliches Problem:
Wenn ich (quasi als Redakteur) ein Bild in den CONTENT einpflege und eine bestimmte Breite angebe, erzeugt Typo3 ja automatisch ein neues Bild (hier: blablabla.jpg). Gibt es irgendeinen Parameter, der den Original-File (hier:originalfile.jpg) beschreibt? Falls ja, wie würd ich das per wrap umsetzen?

UND:
Wie setz ich das am besten um, das ein Redakteur, wenn er ein Bild einpflegt, entscheiden kann, ob das Bild ein "Overlib-Bild" ist oder normal dargestellt wird?

Super, falls da irgendjemand eine Lösung weiss!

steffenk ·

damit wirst Du nicht weit kommen. Mit Javascript gibt es keine Möglichkeit, die Quelle zu lokalisieren. Das müsste man mit einer Extension machen, overlib steht dazu als Extensionlibrary zur Verfügung.
Die aktuelle Seite muss nach Bildern durchsucht werden und es müssen extra thumbs erstellt werden, ähnlich wie bei imagelightbox.

Allerdings könnte man sowas über Typoscript bauen, wenn man nicht mit Contentelementen arbeitet.