Wie wärs denn mit etwas CSS?

.one-thumbnail-gallery div:not(:first-child) img { display:none; }

Oder mit Javascript? Die Galerie wird doch eh auf Javasript aufsetzen, oder? Dann kannst du solche Feinheiten mit Javascript machen. Sorg halt per CSS dafür, dass die Leute ohne Javascript entweder eine brauchbare Meldung erhalten oder nur das erste Bild sehen, wenn das Layout nicht zerstört werden soll, oder alle Bilder sehen, wenn der Kunde dies so wünscht.

Gruß
Stefan



Am 01.10.2014 um 15:06 schrieb Webtech AG:
Ich bin daran mittels Inhaltselement "Nur Bilder", Extension
Gridelement, Typoscript und fancyBox2 eine Bildergalerie zu erstellen,
bei der nur das erste Bild als Thumbnail dargestellt wird. Das
funktioniert soweit auch zufriedenstellend. Hier der Typoscript-Code dazu:

tt_content.gridelements_pi1.20.10.setup {
    1 < lib.gridelements.defaultGridSetup
    1 {
      wrap = <div class="one-thumbnail-gallery">|</div>
      columns {
        0 < .default
        0.renderObj.20.image.20.1 {
          file {
            width >
            width = 400
            height >
            height = 300c
          }
            stdWrap.dataWrap = <div
class="one-thumbnail-gallery-image-nr-{register:IMAGE_NUM_CURRENT}">|</div>
        }
      }
    }
  }

Nun versuche ich die erstellten Thumbnails noch etwas zu optimieren. Das
erste Thumbnail soll die Dimension wie angegeben erhalten (400x300
Pixel). Alle weiteren sollen nur 1x1 Pixel gross dargestellt werden,
damit die gesamte Byte-Grösse der aufgerufenen Seite reduziert wird.

Ich habe bereits schon versucht mit if und IMAGE_NUM_CURRENT eine
Bedingung zu erstellen. Schaffe es jedoch nicht, dass dann auch was
Brauchbares herauskommt. Kann mir jemand auf die Sprünge helfen oder
einen guten Tipp geben? Ich bin um jeden Hinweis dankbar.

Beste Grüsse
Daniel




--
Bergische Webschmiede
Typo3 Dienstleistungen
:: Dipl.-Ing. Stefan Padberg
:: www.bergische-webschmiede.de

---
Diese E-Mail ist frei von Viren und Malware, denn der avast! Antivirus Schutz 
ist aktiv.
http://www.avast.com

_______________________________________________
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german

Antwort per Email an