Bildergalerie - Vorschaubilder unabhängig von Motiven in Colorbox

[bird]

Hallo,

lässt sich mit Bordmitteln oder über eine Erweiterung eine Galerie in der Art anlegen, dass in einem Grid A x B jeweils definierte Vorschaubilder aus unterschiedlichen Ordnern angezeigt werden, dass bei einem Klick auf diese aber nicht die übrigen Vorschaubilder, sondern jeweils weitere Bilder aus einzelnen Unterordnern der Vorschaubilder in die Colorbox geladen werden?

Evtl. kann man die Contao Bildergalerie so anpassen, dass jeweils nur das erste Vorschaubild im Template ausgegeben wird, dass aber trotzdem alle übrigen Bilder aus dem jeweiligen Ordner der Colorbox zugeordnet werden? Dann müsste man allerdings für jede Bilderserie ein eigenes Modul anlegen. Vielleicht gibt es auch eine ganz andere Lösung?

[planepix]

Hallo bird,

vor fast acht Jahren einmal dazu im Wiki dieses gepostet:
https://de.contaowiki.org/Bildergale...reativ_genutzt

Wenn du das mit einer Erweiterung machen möchtest: GalleryCreator. Dort kannst du jeweils ein Vorschaubild einer Galerie anzeigen lassen und bei Klick auf das Vorschaubild wird die Colorbox mit den Bildern aus diesem Verzeichnis geladen und du kannst diese Bilder durchblättern. Funktioniert auch unter Contao 4.4.

[bird]

Hallo bird,

vor fast acht Jahren einmal dazu im Wiki dieses gepostet:
https://de.contaowiki.org/Bildergale...reativ_genutzt

Wenn du das mit einer Erweiterung machen möchtest: GalleryCreator. Dort kannst du jeweils ein Vorschaubild einer Galerie anzeigen lassen und bei Klick auf das Vorschaubild wird die Colorbox mit den Bildern aus diesem Verzeichnis geladen und du kannst diese Bilder durchblättern. Funktioniert auch unter Contao 4.4.

Hallo planepix,

vielen Dank für den Hinweis, ich hätte es ähnlich gelöst und einfach alle Listenelemente bis auf das erste entsprechend der Klassen ausgeblendet.

Den GalleryCreator muss ich mir noch im Detail ansehen. Kann dieser in der Listenansicht direkt Bilderserien in der Colorbox aufrufen? Ich ging davon aus, dass der Weg wie folgt aussieht: Listenansicht (definiertes Vorschaubild) -> Detailansicht (alle Bilder) -> Colorbox (Aufruf bei Klick). Das würde nicht ganz dem entsprechen, was ich benötige. Ich möchte bei Klick auf die Listenansicht alle Bilder der Serie direkt in der Colorbox öffnen und nicht auf einer Detailseite.

[planepix]

Hallo planepix,

vielen Dank für den Hinweis, ich hätte es ähnlich gelöst und einfach alle Listenelemente bis auf das erste entsprechend der Klassen ausgeblendet.

Den GalleryCreator muss ich mir noch im Detail ansehen. Kann dieser in der Listenansicht direkt Bilderserien in der Colorbox aufrufen? Ich ging davon aus, dass der Weg wie folgt aussieht: Listenansicht (definiertes Vorschaubild) -> Detailansicht (alle Bilder) -> Colorbox (Aufruf bei Klick). Das würde nicht ganz dem entsprechen, was ich benötige. Ich möchte bei Klick auf die Listenansicht alle Bilder der Serie direkt in der Colorbox öffnen und nicht auf einer Detailseite.

Hallo bird,
ja das geht auch ohne eine Detailseite.

Ich habe das Inhaltselement „Gallery-Creator-Inhaltselement verwendet mit den Einstellungen wie im Screenshot zu sehen ist:

screenshot-2018.02.20 17-42-55.png

[bird]

Hallo bird,
ja das geht auch ohne eine Detailseite.

Ich habe das Inhaltselement „Gallery-Creator-Inhaltselement verwendet mit den Einstellungen wie im Screenshot zu sehen ist:

screenshot-2018.02.20 17-42-55.png

Welche Version verwendest Du? Mit Version 6.1.0 und Contao 3.5.33 wird mir dieses Element nicht angeboten.

[Andreas]

..., dass jeweils nur das erste Vorschaubild im Template ausgegeben wird, dass aber trotzdem alle übrigen Bilder aus dem jeweiligen Ordner der Colorbox zugeordnet werden? Dann müsste man allerdings für jede Bilderserie ein eigenes Modul anlegen.

Meinst du hier nicht "eigenes CE" anstatt "eigenes Modul"? Ne Galerie ist doch ein CE. Je Bilderserie ein eigenes CE ist doch in Ordnung.

Wie du bereits sagst, mit sonem CSS

.ce_gallery li {
  display: none;
}
.ce_gallery li:first-child {
  display: block;
} 

wird das gehen. Bilder pro Reihe braucht man dabei auch nicht einzustellen, das bringt ja nur zusätzliche CSS-Klassen ins HTML.

Wenn du viele Vorschaubilder hast, dann kannst du auch noch das Template ändern. Um durch die Bilder zu Blättern braucht es nämlich keine Vorschaubilder, sondern nur die Links. Das gibt dann ne bessere Performance.

...
<li class="row_0 row_first even col_0 col_first">
  <figure class="image_container">
    <a href="https://loremflickr.com/300/300/dog" data-lightbox="gal01" title="dog"><img src="https://loremflickr.com/100/100/dog" alt="dog" width="100" height="100"></a>
  </figure>
</li>
<li class="row_0 row_first even col_1">
  <a href="https://loremflickr.com/300/300/cat" data-lightbox="gal01" title="cat">cat</a>
</li>
...

[planepix]

Welche Version verwendest Du? Mit Version 6.1.0 und Contao 3.5.33 wird mir dieses Element nicht angeboten.

Das ist unter Contao 4.4 die aktuellste Version des GalleryCreator.

[bird]

@Andreas: Ja, es handelt sich um ein Inhaltselement und nicht um ein Modul. Wie hast Du das Template angepasst, damit nur im ersten Fall ein Bild ausgegeben wird? Mit einer weiteren For-Schleife?

@planepix: Mit Contao 3.5.x wird anscheinend kein Inhaltselement für den GalleryCreator angeboten.

[Andreas]

Ist schon was länger her, wo ich das mal gemacht hatte. Nein, ohne weiter Schleife. Es geht so (gallery_default, bzw. gallery_first-only):

In der äußeren Schleife einen Zähler starten.

<?php $i = 0; foreach ($this->body as $class=>$row): ?>

In der inneren Schleife den Zähler hochzählen.

    <?php foreach ($row as $col): $i++; ?>

Und dann mit if($i === 1) alles "aussperren", was man nur im 1. Durchlauf möchte.

          <?php if($i === 1): ?>
          <figure class="image_container"<?php if ($col->margin): ?> style="<?= $col->margin ?>"<?php endif; ?>>
          <?php endif; ?>

            <?php if ($col->href): ?>
              <a href="<?= $col->href ?>"<?= $col->attributes ?> title="<?= $col->alt ?>">

              <?php if($i === 1): ?>
              <?php $this->insert('picture_default', $col->picture); ?>
              <?php endif; ?>

              </a>
            <?php else: ?>

              <?php if($i === 1): ?>
              <?php $this->insert('picture_default', $col->picture); ?>
              <?php endif; ?>

            <?php endif; ?>
            <?php if ($col->caption): ?>
              <figcaption class="caption"><?= $col->caption ?></figcaption>
            <?php endif; ?>

          <?php if($i === 1): ?>
          </figure>
          <?php endif; ?>

Ich habe hier das Picture (Thumb) und auch das Figure rausgeworfen (habe ich in dem Post darüber nochmal geändert, weil man das Figure dann ja auch nicht benötigt.)

[Andreas]

CSS: ENTFERNT (steht ja bereits oben und obiges war besser)

[bird]

@Andreas: Danke, funktioniert bestens!

[Andreas]

Ja, weiß ich

[xven]

Hallo bird,
ja das geht auch ohne eine Detailseite.

Ich habe das Inhaltselement „Gallery-Creator-Inhaltselement verwendet mit den Einstellungen wie im Screenshot zu sehen ist:

screenshot-2018.02.20 17-42-55.png

Hallo Planepix,

ich habe das Problem das ich nur ein Album im Inhaltselement angeben kann und dann noch "Weiterleitung bei Einzelansicht", Sonst gibt es eine Fehlermeldung "Bei der Ausführung des Skriptes ist ein Fehler ausgetreten".
Bei der Installation muss ich auch die Tabelle "thumb" ändern, dass der Wert NULL sein darf, da ich sonst kein Album anlegen kann.

Muss ich noch etwas einstellen?

Vielen Grüße, Sven.

EDIT: Unter 3.5 lief bisher alles ohne Probleme mit den Modulen.