Ankündigung

Einklappen
Keine Ankündigung bisher.

Slider anpassen

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Slider anpassen

    Hallo an alle,

    ich habe hier (auf der Seite unten) einen Slider (Swiper) den möchte ich gerne so anpassen, dass er beim letzten Inhalt nicht stoppt wie jetzt, da muss der User den zurück (prev) Button nutzen. Ich möchte aber das der User in jede Richtung den Button nutzen kann, das heißt auch wenn der letzte Inhalt erreicht ist soll der den next Button nutzen können, also wie eine Schleife.

    Leider kenn ich mich mit JS nicht so aus und finde nicht wo und wie ich das einstellen kann, muss. Könnte mir jemand dabei helfen?

    Liebe Grüße
    Andre
    Wir gestalten ihre Webseite

    CO-Webdesigen.de
    CO-Webdesign bei Facebook

  • #2
    AW: Slider anpassen

    Das ist die Option "loop":
    http://idangero.us/swiper/api/#.V_DPEu9kiUk

    Kommentar


    • #3
      AW: Slider anpassen

      Hallo,

      das ist aber genau das Problem. Das hatte ich schon gefunden. Die Bilder sind mit einer Lightbox und wenn ich Loop auf true setze, da zeigt die Lightbox statt 3 Bilder 5. Also muss, denke ich, da noch eine Einstellung bei der Lightbox sein, aber die finde ich nicht. Oder es lässt sich nicht machen.

      Ich habe das jetzt mal gemacht im Test.

      Liebe Grüße
      Andre
      Wir gestalten ihre Webseite

      CO-Webdesigen.de
      CO-Webdesign bei Facebook

      Kommentar


      • #4
        AW: Slider anpassen

        Verstehe. Mit der Lightbox, die Du verwendest, ist es leider nicht so leicht, das zu beheben. Leicht wäre es mit Slimbox2, prüfe mal, ob die auch für dich in Frage kommt. Das Layout kann man über das CSS ändern, wenn Du z. B. gerundete Ecken haben willst.

        PS: Ich habe gerade gesehen, dass Slimbox2 leider nicht reponsiv ist. Sieh dir statt dessen mal Colorbox an, die zeigt auch Captions und "Bild x von y" an.

        PPS: Colorbox ist im Original auch nicht responsiv aber man kann sie leicht dazu machen:
        http://stackoverflow.com/questions/1...box-responsive
        Zuletzt geändert von Sempervivum; 02.10.2016, 20:49. Grund: Doppelposting

        Kommentar


        • #5
          AW: Slider anpassen

          PPPS: Nach weiterer Betrachtung bin ich zu dem Schluss gekommen, dass es mit einer anderen Lightbox (außer Slimbox) doch nicht einfacher wäre. So funktioniert es mit der ursprünglichen:

          lightbox1.js als txt-Anhang.

          Und diesen Code vor der Initialisierung von Swiper:
          Code:
                  <!-- Initialize Swiper -->
                  <script>
                      var elems = $("a[data-lightbox='group1']");
                      var nrimgs = elems.length;
                      elems.each(function(idx) {
                          $(this).attr("data-imgidx", idx + 1);
                          $(this).attr("data-nrimgs", nrimgs);
                      });
                      var swiper = new Swiper('.swiper-container', {
                          pagination: '.swiper-pagination',
                          paginationClickable: true,
                          nextButton: '.swiper-button-next',
                          prevButton: '.swiper-button-prev',
                          spaceBetween: 0
                      });
                  </script>
          Und die Links auf data-lightbox ändern:
          HTML-Code:
          <a href="img/webservice.jpg" data-lightbox="group1" title="Webservice.de">
          Angehängte Dateien

          Kommentar


          • #6
            AW: Slider anpassen

            Hallo,

            ich danke dir es geht jetzt, danke.

            Liebe Grüße
            Andre
            Zuletzt geändert von Andre1; 03.10.2016, 00:34.
            Wir gestalten ihre Webseite

            CO-Webdesigen.de
            CO-Webdesign bei Facebook

            Kommentar

            homepage-forum.de - Hilfe für Webmaster! Statistiken

            Einklappen

            Themen: 56.468   Beiträge: 427.793   Mitglieder: 28.034   Aktive Mitglieder: 182
            Willkommen an unser neuestes Mitglied, GeorgeApala.

            Online-Benutzer

            Einklappen

            223 Benutzer sind jetzt online. Registrierte Benutzer: 0, Gäste: 223.

            Mit 2.057 Benutzern waren am 14.07.2019 um 11:45 die meisten Benutzer gleichzeitig online.

            Die neuesten Themen

            Einklappen

            SimpleSite

            Die neuesten Beiträge

            Einklappen

            Lädt...
            X