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.470   Beiträge: 427.807   Mitglieder: 28.041   Aktive Mitglieder: 160
            Willkommen an unser neuestes Mitglied, WarrenPleve.

            Online-Benutzer

            Einklappen

            204 Benutzer sind jetzt online. Registrierte Benutzer: 4, Gäste: 200.

            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

            • daniel5959
              Antwort auf Online Speicherplatz / Storage / Cloud gesucht!
              Hallo,

              die Stiftung Warentest hat auch Cloud-Dienste getestet - siehe (Reihefolge nach der Bewertung)



              Den Artikel online lesen (Einzelabruf kostet 2,50 Euro - auch Flatrate pro Monat oder Jahr möglich) unter

              >> https://www.test.de/Cloud-Die...
              Gestern, 18:07
            • arnego2
              Antwort auf Online Speicherplatz / Storage / Cloud gesucht!
              Von Google würde ich die Finger lassen wenn dir deine Daten lieb sind. Seit Google die AGB umgeschrieben hat gehören deine Daten Google....
              Gestern, 15:46
            • Localfu
              Antwort auf Online Speicherplatz / Storage / Cloud gesucht!
              Also ich kann nur aus eigener Erfahrung sprechen, aber bei Google Drive war ich bis jetzt sehr gut aufgehoben. Google verwendet für EU-Kunden meist Server innerhalb der EU. Wenn du dir sicher sein möchtest, dann verschlüssel vorher die Daten. Gruss Localfu
              Gestern, 13:31
            • justme
              Antwort auf Online Speicherplatz / Storage / Cloud gesucht!
              Hallo, ich kenne mit mit Cloud usw nicht direkt aus.
              Aber ist das sowas hier ?

              VG
              Gestern, 12:14
            • Chaosmaster
              Homepage mit Datenbank
              Hallo zusammen, ich bin relativ neu was das Thema angibt und habe eine Frage..
              Ich habe mich bereits mit WIX und jImdoo auseinader gesetzt. WIX hat FAST alles was ich brauche..
              Ich möchte eine art Community-Spiel erstellen..


              Im einzelnen habe ich folgendes vor:
              ...
              22.08.2019, 18:54
            • arnego2
              Antwort auf Homepage mit Datenbank
              Sich mit den Programmen auseinanderzusetzen bedeutet für mich nur das du mit ihnen umgehen kannst.
              Programmieren ist eine andere Schiene da musst du Code kennen, ihn schreiben können damit er Funktionen mitunter und mit mithilfe von Databanken ausführen kann.

              Selbst wenn Microsoft...
              23.08.2019, 16:31
            • Jaydee
              Myfanclub
              Myfanclub Plugin Wordpress

              Wir arbeiten aktuell an einem Plugin für Wordpress, was es Vereinen und Fanclubs erleichtern soll, Dinge zu automatisieren im Club.
              Wir promoten gerne das Wordpress Plugin "myfanclub", welches wir aktuell auch selbst in Betrieb haben.
              ...
              22.08.2019, 12:59
            • daniel5959
              Antwort auf Myfanclub
              Hallo,

              die Riesengrafik der Pseudo-Produktverpackung mit der Aussage "Das offizielle WordPress Plugin" hatte bei mir ein negatives Bauchgefühl ausgelöst, denn für die Aussage konnte ich keinerlei Beständigung finden. Auch wurde das Plugin scheinbar noch nicht in den deutschen...
              23.08.2019, 15:58
            • Localfu
              Antwort auf Homepage mit Datenbank
              Hi Chaosmaster,
              ich weiß nicht inwieweit du in Wix Datenbanken erstellen kannst, aber diese beschriebe Funktionen sind rein nur mit Programmierung zu leisten. Wix und Jimdoo sind nicht dafür ausgelegt, um so indivudell Seiten zu erstellen sowie du es hier geschrieben hast. Dafür benötig man...
              23.08.2019, 13:52
            • arnego2
              Antwort auf Soziale Netze und ihr Nutzen
              Neuerdings gibt es eine Erweiterung der Sozialen Netze, ich vermute das es darum geht das die Seite dem Eigner gehört....
              21.08.2019, 21:38
            Lädt...
            X