Forum für CMS/made simple

mike-r

arbeitet mit CMS/ms

Registriert: 21. Dezember 2010

Beiträge: 898

Webseite

Gallery: nur einige Thumbnails anzeigen, aber in der Thickbox alle

Durch diesen Thread bin ich auf die Idee gekommen, wie man ohne grosses Rumgehacke (siehe Thread ) realisieren kann, dass man in der Thickbox komplette Galerien anzeigen kann ohne vorher alle Thumbnails der Galerie anzuzeigen.
Das Beispiel bezieht auf die Vorlage des Threads mit 6 Thumbnails.

2½ einfache Möglichkeiten:

 Hier klicken, um den Code zum Kopieren zu markieren

#id-der-gallery li:first-child+li+li+li+li+li~li {display:none}

Problem hierbei: IE6 und 7 zeigen alle Bilder, wenn man damit leben kann, prima, wenn nicht, wirds äusserst schmutzig, dann muss man jedes folgende Bild direkt ansprechen:

 Hier klicken, um den Code zum Kopieren zu markieren

#id-der-gallery li:first-child+li+li+li+li+li+li,
#id-der-gallery li:first-child+li+li+li+li+li+li+li,
#id-der-gallery li:first-child+li+li+li+li+li+li+li+li {display:none}
...

Sollte ich da ein Brett vorm Kopf haben, und jemand eine Idee hat, nur her damit.

Alternativ kann man von hier: http://dean.edwards.name/ die IE9.js downloaden und für IE einbinden.

Echte Browser zeigen per se 6 Bilder an.

Nachtrag: Die Vorgehensweise bezieht sich auf folgendes Template (achtung, diverse Auslassungen):

 Hier klicken, um den Code zum Kopieren zu markieren

<div class="gallerydummy">
<ul class="gallery">
[...]
{foreach from=$images item=image}
    <li>
    {if $image->isdir}
        <a href="{$image->file}" title="{$image->comment}"><img src="{$image->thumb|escape:'url'|replace:'%2F':'/'}" alt="{$image->titlename}" /></a><br />
        {$image->titlename}
    {else}
   <a class="group" href="{$image->file|escape:'url'|replace:'%2F':'/'}" title="{$image->comment}" rel="gallery-{$galleryid}"><img src="{$image->thumb|escape:'url'|replace:'%2F':'/'}" alt="{$image->titlename}" /></a>
    {/if}
    </li>
{/foreach}

</ul>
[...]

</div>

In den Standard-templates werden i.d.R. die Thumbnails per

 Hier klicken, um den Code zum Kopieren zu markieren

[== html ==]
<div class="img">

aufgerufen, hier müsste die CSS-Regel sich auf das div.img beziehen, etwa so:

 Hier klicken, um den Code zum Kopieren zu markieren

[== css ==]
.gallery div.img:first-child+div+div+div+div+div~div.img {display:none}

Beitrag geändert von mike-r (22. Juni 2011 22:47)

---

Unablässige Tools für's Webdevelopement/ Fehlerfindung: CSS Validierungsservice, Bildschirmlineal, Firebug, Tidy, Deutsche CSS-Referenz

Andynium

Moderator

Ort: Dohna / SN / Deutschland

Registriert: 13. September 2010

Beiträge: 7.018

Webseite

Re: Gallery: nur einige Thumbnails anzeigen, aber in der Thickbox alle

Danke für das Mini-HowTo!

---

1. Wie bekomme ich hier schnelle Hilfe?
2. HowTo: Fehlersuche bei CMS/ms