14. 10. 2010, 22:15

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.

  1. subparts.PICT = COA
  2.   subparts.PICT {
  3.  
  4.     wrap = <ul class="pict"> | </ul>
  5.     10 = IMAGE
  6.     10 {
  7.       wrap = <li class="test-pict"> | </li>
  8.       file.import = uploads/media/
  9.       file.import.data = levelmedia:-1, slide
  10.       file.import.listNum = 0
  11.       titleText = ThumbBubble1
  14.         enable = 1    
  16.           title = LightboxText1
  17.           parameter.cObject = IMG_RESOURCE  
  18.           parameter.cObject.file = fileadmin/images/pic1.jpg
  19.           parameter.cObject.file.maxW = 440
  20.           parameter.cObject.file.maxH = 440
  21.           ATagParams = rel="lightbox[lb]"
  22.         }
  23.       }  
  24.     }
  25.  
  26.     20 < .10
  27.     20.file.import.listNum = 1
  28.     20.titleText = ThumbBubble2
  29.     20.imageLinkWrap.typolink.title = LightboxText2
  30.     20.imageLinkWrap.typolink.parameter.cObject.file = fileadmin/images/pic2.jpg
  31.  
  32.     30 < .10
  33.     30.file.import.listNum = 2
  34.     30.titleText = ThumbBubble3
  35.     30.imageLinkWrap.typolink.title = LightboxText3
  36.     30.imageLinkWrap.typolink.parameter.cObject.file = fileadmin/images/pic3.jpg
  37.  
  38.     40 < .10
  39.     40.file.import.listNum = 3
  40.     40.titleText = ThumbBubble4
  41.     40.imageLinkWrap.typolink.title = LightboxText4
  42.     40.imageLinkWrap.typolink.parameter.cObject.file = fileadmin/images/pic4.jpg
  43.  
  44.   }

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!