Table of Contents

Ein Thumb - mehrere Großansichten

Problemstellung:

Der CP Bilder <div> soll nur vom ersten Bild eine Vorschau (Thumb) anzeigen. Alle großen Bilder sollen jedoch in der LightBox mit - next/prev - sichbar sein.

Frontend:

Nur das erste Vorschaubild wird angezeigt, alle anderen Thumbs sind nicht sichbar.

Bild übernommen aus Images <special> da Funktion identisch.


Lösung V3:

Ab Version 1.4.6 r402 mit allem Patches, download siehe docu ”DEV - Versionen im ZIP Format”.

Forum: Bilder einfügen mit nur 1 Vorschaubild

Platziere im Template zu dem CP im umschließenden Container in einer style-Anweisung:

[PHP]if ('{FIRST}' == '') echo 'display: none;';[/PHP]

“display: none” wird für alle umschließenden <div> Container gesetzt, außer dem ersten.

Z.B. in deinem “Bilder <div>” Template:

<!--IMAGES_ENTRY_START//-->
    <div id="img{IMGID}" class="imageEntry" style="float:left;padding:5px;border:1px solid #CCCCCC;margin:{SPACE}px {SPACE}px 0 0; [PHP]if ('{FIRST}' == '') echo 'display: none;';[/PHP]">
        {IMAGE}
        [CAPTION]<p style="margin:3px 0 0 0;">{CAPTION}</p>[/CAPTION]
        [CAPTION_ELSE]<p style="margin:3px 0 0 0;">{IMGNAME}</p>[/CAPTION_ELSE]
 
    </div>
<!--IMAGES_ENTRY_END//-->

Die Anzahl der Spalten im BE muss mindestens so groß sein wie die Anzahl der Bilder, da die Kennung {FIRST} = <!-- First Image --> immer an einem Spaltenanfang gesetzt wird.

Es sind keine weiteren Scripte notwendig.


Siehe dazu auch “Bilder <spezial>” Ein Thumb - mehrere Großansichten