dklemmt/contao_dk_masonry - erstes Bild ausblenden

[MarkIII]

Wie bekomme ich es hin, dass in der Galerie das erste Bild ausgeblendet wird, in der Glightbox aber dennoch sichtbar ist?

[tblumrich]

Bisschen dürftig die Infos, aber vielleicht, indem du das erste Thumbnail via CSS ausblendest, z.B.

.ce_gallery ul li:first-child {display:none}

Ich vermute das die Erweiterung die Galerien so wie die Core-Galerie generiert.

[MarkIII]

Bisschen dürftig die Infos,

Äh, ja, stimmt.

Das erste Bild der Galerie wird durch ein einziges großes, normales Contao-Galeriebild dargestellt, danach folgen im nächsten Grid die anderen Bilder als Masonry-Galerie. Dort soll eben das erste Bild am besten ausgeblendet werden, damit es nicht zweimal erscheint. Beim Klick sollen in der Glightbox jedoch jeweils alle Bilder erscheinen.

... aber vielleicht, indem du das erste Thumbnail via CSS ausblendest, z.B.

.ce_gallery ul li:first-child {display:none}

Ich vermute das die Erweiterung die Galerien so wie die Core-Galerie generiert.

Das würde, so wie ich es verstehe, das erste Bild der normalen Galerien ausblenden. Ich schau mal, ob das mit der Masonry auch funktioniert.

[MarkIII]

Das funktioniert leider nicht.

So schaut die Ausgabe im Inspector aus:

<div class="masonry_gallery" id="masonry_gallery_1049_0" style="position: absolute; left: 0px; top: 0px;">
	<figure class="image_container">
		<a href="files/XXX.jpg" data-lightbox="lightbox[lb1049]" title="" data-gallery="lightbox[lb1049]"><img src="assets/images/b/XXX.jpg" width="120" height="120" alt="" style="opacity: 1; visibility: visible;"></a>
	</figure>
</div>

[tblumrich]

Ich hab hier eine Installation mit der Erweiterung gefunden...
Das ist leider schwierig weil das Script jedes Child-Item nutzt um die Position zu berechnen. Ich kann zwar technisch auf dem selben Weg das erste Bild via CSS ausblenden - damit stimmt aber die responsive Darstellung nicht mehr, weil der einberechnete Platz des ersten Bildes fehlt.

Zum ausprobieren:

.ce_masonry_gallery .masonry_gallery:first-child {display:none}

Gibt bestimmt eine Lösung via JS, aber da bin ich leider raus.

[MarkIII]

Das funktioniert leider auch nicht.
Bei JS bin ich ebenfalls raus