Hallo,
ich versuche mich folgender Darstellung zu nähern:
- auf jeder Seite der Site werden in einem Bereich immer 4 Bilder (Thumbnails) angezeigt
- die Bilder sollen (pseudo-)zufällig aus einer Liste von Bildern ausgewählt werden
- die Liste der Bilder soll vom Redakteur im BE gefüllt werden können
- jedes Bild soll Text (zB title) dabei haben können, den der Redakteur mit eingeben und ändern kann
und damit es nicht zu einfach wird:
- ein Klick auf eines der Bilder öffnet eine Lightbox, in der alle vom Redakteur eingestellten Bilder (also alle Bilder, aus denen die 4 Thumbnails) durchblättert werden können
- die 4 auf jeder Seite dargestellten Thumbnails unterscheiden sich von den Bildern in der Lightbox durch ihre Größe und noch einiges weitere, das mit GIFBUILDER in ein paar Ebenen drüber gelegt wird
- der Text zum Bild (title) soll bei Thumbnail und beim Bild in der Lightbox verschieden sein
Meine Lösung sieht bisher so aus:
- die Thumbnails stehen in einem Subpart (###PICT###) des HTML-Templates
- die Bildauswahl steht als Resource in der root-Seite und werden von dort referenziert
- die Titel zu den Bildern schreibe ich ins TS
- für die Lightbox benutze ich die Extension perfectlightbox
- statt den GIFBUILDER zu nutzen, habe ich z.Z. noch 2 verschiedene Bilder für Thumbnail und Lightbox
Soweit funktioniert das alles.
subparts.PICT = COA
subparts.PICT {
wrap = <ul class="pict"> | </ul>
10 = IMAGE
10 {
wrap = <li class="test-pict"> | </li>
file.import = uploads/media/
file.import.data = levelmedia:-1, slide
file.import.listNum = 0
titleText = ThumbBubble1
imageLinkWrap = 1
imageLinkWrap {
enable = 1
typolink {
title = LightboxText1
parameter.cObject = IMG_RESOURCE
parameter.cObject.file = fileadmin/images/pic1.jpg
parameter.cObject.file.maxW = 440
parameter.cObject.file.maxH = 440
ATagParams = rel="lightbox[lb]"
}
}
}
20 < .10
20.file.import.listNum = 1
20.titleText = ThumbBubble2
20.imageLinkWrap.typolink.title = LightboxText2
20.imageLinkWrap.typolink.parameter.cObject.file = fileadmin/images/pic2.jpg
30 < .10
30.file.import.listNum = 2
30.titleText = ThumbBubble3
30.imageLinkWrap.typolink.title = LightboxText3
30.imageLinkWrap.typolink.parameter.cObject.file = fileadmin/images/pic3.jpg
40 < .10
40.file.import.listNum = 3
40.titleText = ThumbBubble4
40.imageLinkWrap.typolink.title = LightboxText4
40.imageLinkWrap.typolink.parameter.cObject.file = fileadmin/images/pic4.jpg
}
Meine bisherige Lösung hat noch folgende Mängel:
- die Auswahl der 4 Bilder ist fest (file.import.listNum müsste einen Wert zwischen 0 und "maxAnzahl" bekommen, ohne dass sich die Zahl bei den 4 ausgewählten wiederholt)
- der Text zu den Bildern steht im TS (wo der Redakteur das hinschreiben sollte, fehlt mir eine Idee)
(und etwas das ich noch gar nicht angegangen bin und deshalb hier gar nicht fragen will:
- die Thumbnails werden nicht generiert, sondern sind einfach andere Bilder)
Und jetzt fehlen mir Ideen, wie ich das realisieren könnte.
Für Tipps und Ratschläge, wäre ich sehr dankbar!