Contao-Camp 2024
Ergebnis 1 bis 18 von 18

Thema: Gallerie als Slider

  1. #1
    Contao-Nutzer
    Registriert seit
    18.06.2017.
    Beiträge
    219

    Standard Gallerie als Slider

    Hey,

    gibt es eine Möglichkeit/Erweiterung Bilder als Gallerie einzubinden und diese Bilder dann als eine Art Slideshow darzustellen?
    Bisher binde ich Bilder mittels dem CE Gallery ein. Damit habe ich dann aber z.B. 4x3 Bilder in der Vorschau.

    Danke

  2. #2
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    34.039
    Partner-ID
    10107

    Standard

    Das geht zB mit https://extensions.contao.org/?q=swi...Fcontao-swiper wenn du als Wrapper Klasse die Klasse des <ul> der Galerie setzt (bspw. .cols_4).

  3. #3
    Contao-Nutzer
    Registriert seit
    18.06.2017.
    Beiträge
    219

    Standard

    Hm, klappt leider nicht so ganz.

    In der Gallery habe ich vier Bilder pro Reihe als Vorschau. Insgesamt 5 Bilder, als zwei Reihen

    Die Gallerie habe ich innerhalb der Slider-Contentelemente gesetzt (Umschlag Anfang und -Ende). Als Wrapper CSS Klasse habe ich einmal cols_4 und einmal .cols_4 versucht.
    Ich habe zwar die Slider-Pfeile links und Rechts. Dazwischen aber alle 5 Vorschaubilder.

    Ich denke da übersehe ich noch was...

  4. #4
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    34.039
    Partner-ID
    10107

    Standard

    Poste einen Link zur Seite.

  5. #5
    Contao-Nutzer
    Registriert seit
    18.06.2017.
    Beiträge
    219

    Standard

    Link entfernt
    Geändert von darkness (12.08.2020 um 11:57 Uhr) Grund: Link entfernt

  6. #6
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    34.039
    Partner-ID
    10107

    Standard

    Du hast deine Contao Installation so angepasst, dass alle JavaScript Dateien erst am Ende der Seite geladen werden. Die Extension verlasst sich aber darauf, dass die Dinge, die im <head> geladen werden sollen, auch tatsächlich dort geladen werden.

    Es könnte funktionieren, indem du ein angepasstes ce_swiperStop Template erzeugst und dort
    PHP-Code:
      <script>
        initSwiper({
          id: '<?= $this->sliderId ?>',
          wrapperClass: '<?= $this->wrapperClass ?>',
          params: <?= json_encode($this->parameters?>
        });
      </script>
    entfernst und statt dessen am Ende der Template Datei folgendes einfügst
    PHP-Code:
    <?php

    $GLOBALS
    ['TL_BODY'][] = "
      <script>
        initSwiper({
          id: '"
    .$this->sliderId."',
          wrapperClass: '"
    .$this->wrapperClass."',
          params: "
    .\json_encode($this->parameters)."
        });
      </script>
    "
    ;

  7. #7
    Contao-Nutzer
    Registriert seit
    18.06.2017.
    Beiträge
    219

    Standard

    Danke, werde ich testen. Das liegt dann aber vielleicht an dem Nature-Theme, denn angepasst habe ich das bewusst nicht.
    Kann ich das ansonsten in den Layouteinstellungen anpassen?

  8. #8
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    34.039
    Partner-ID
    10107

    Standard

    Das kann ich dir nicht beantworten, dazu müsstest du dich an die Hersteller des Themes wenden.

  9. #9
    Contao-Nutzer
    Registriert seit
    18.06.2017.
    Beiträge
    219

    Standard

    Hallo,

    leider läuft das mit dem Slider noch nicht so richtig. Die Buttons vom Slider (Nav-Pfeile) werden angezeigt. Aber keine Bilder.
    Ich möchte jetzt mal versuchen, die Javascripte am Anfang der Seite zu laden.

    Wenn ich das richtig sehe, weden diese im Template fe_page.html5 über
    Code:
    ?php $this->sections('bottom'); ?>
    "eingefügt" an welcher stelle werden denn diese daten in das Objekt "eingefügt"?

  10. #10
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    34.039
    Partner-ID
    10107

    Standard

    Zitat Zitat von darkness Beitrag anzeigen
    leider läuft das mit dem Slider noch nicht so richtig. Die Buttons vom Slider (Nav-Pfeile) werden angezeigt. Aber keine Bilder.
    Poste einen Link zur Seite.


    Zitat Zitat von darkness Beitrag anzeigen
    Ich möchte jetzt mal versuchen, die Javascripte am Anfang der Seite zu laden.

    Wenn ich das richtig sehe, weden diese im Template fe_page.html5 über
    Code:
    ?php $this->sections('bottom'); ?>
    "eingefügt" an welcher stelle werden denn diese daten in das Objekt "eingefügt"?
    Ich denke dafür musst du dich an die Theme Hersteller wenden.

  11. #11
    Contao-Nutzer
    Registriert seit
    18.06.2017.
    Beiträge
    219

    Standard

    Zitat Zitat von Spooky Beitrag anzeigen
    Poste einen Link zur Seite.

    Ich denke dafür musst du dich an die Theme Hersteller wenden.
    Habe ich aber leider keine Antowort erhalten. (Ist aber auch die FreeVersion des Templates) Ist dort zur Zeit in Prüfung und ich warte mal ab

    Hier der Link:

    Link entfernt

    Ich habe die JavaScript-Datei manuell im Header eingebunden. Damit klappt es eigentlich. Ich fürchte aber, das die Bilder aus dem Anzeigebereich heraus sind. Also ein CSS-Problem
    Geändert von darkness (01.10.2020 um 14:38 Uhr)

  12. #12
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    34.039
    Partner-ID
    10107

    Standard

    Ja, ich vermute dass CSS des Galerie Elements könnte hier dazwischen funken - habe jetzt aber auf die Schnell nicht herausgefunden, was genau das Problem ist. Du müsstest dafür sorgen, dass für die Galerie innerhalb eines Sliders anderes CSS angewandt wird.

    Grundsätzlich funktioniert der Slider nun aber.

  13. #13
    Contao-Nutzer
    Registriert seit
    18.06.2017.
    Beiträge
    219

    Standard

    Ja, es ist die Klasse ce_gallery die alles verschiebt. Entferne ich diese, habe ich die Bilder zumindest mal sichtbar.

    Wie kann ich diese den entfernen. Ich hatte versucht über ein eigenes Template ce_gallery. Aber da gibt es leider keine Klassen.

  14. #14
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    34.039
    Partner-ID
    10107

    Standard

    Du könntest ja einfach in deinem CSS dafür sorgen, dass das jeweilige CSS zurückgesetzt wird .

    Wenn du aber wirklich einfach die CSS Klasse ce_gallery entfernen möchtest, dann könntest du folgendes machen:
    PHP-Code:
    <!-- templates/ce_gallery_slider.html5 -->
    <?= $this->images ?>
    Das entfernt den Wrapper komplett.

  15. #15
    Contao-Nutzer
    Registriert seit
    18.06.2017.
    Beiträge
    219

    Standard

    Zitat Zitat von Spooky Beitrag anzeigen
    Du könntest ja einfach in deinem CSS dafür sorgen, dass das jeweilige CSS zurückgesetzt wird .
    Ja, ich dachte an den einfachen weg Habe aber den Verdächtigen schon gefunden. Ein overflow: unset reicht wahrscheinlich schon.

    Werde mir aber beide Wege mal anschauen.

    Danke für deine Hilfe

  16. #16
    Contao-Urgestein Avatar von tblumrich
    Registriert seit
    25.06.2009.
    Ort
    Feldberger Seenlandschaft
    Beiträge
    2.225
    Partner-ID
    7979
    User beschenken
    Wunschliste

    Standard

    Hallo!

    Ich hab hier (Filmleiste Mitte dunkler Balken) auch Probleme mit dem Wrapper (ce_gallery). Es wird richtig gefunden die ul wrapperklasse (cols_12), aber keine Bilder angezeigt - es ist kontinuierlich eingestellt (Screenshot_2020-10-20 Artikel › Filmleiste › Inhaltselemente › Inhaltselement ID 35 bearbe.png). Funkt da auch irgendwas dazwischen?

    VG
    blucomp | Webdesign & Onlinelösungen

  17. #17
    Contao-Nutzer
    Registriert seit
    18.06.2017.
    Beiträge
    219

    Standard

    Ja, wenn du die Klasse ce_gallery entfernst (zB. bei den Entwickler-Tools Firefox), wird alles richtig dargestellt.

  18. #18
    Contao-Urgestein Avatar von tblumrich
    Registriert seit
    25.06.2009.
    Ort
    Feldberger Seenlandschaft
    Beiträge
    2.225
    Partner-ID
    7979
    User beschenken
    Wunschliste

    Standard

    Jetzt hab ich den Kontext aus eurer Konversation auch verstanden... Danke!


    Gesendet von iPad mit Tapatalk
    blucomp | Webdesign & Onlinelösungen

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •