Ergebnis 1 bis 6 von 6

Thema: Einfacher Slider - (Pfeil Buttons) und if & else

  1. #1
    Neuer Benutzer
    Registriert seit
    02.04.2016
    Beiträge
    6

    Einfacher Slider - (Pfeil Buttons) und if & else

    Hallo jQuery-Board Community,

    ich würde mich über ein paar Tipps oder Links freuen.

    Ich versuche gerade vergebliche einen einfachen Slider, bestehend aus <div> Elementen, zu programmieren:
    HTML-Code:
    <div id="slider">
     <div class="slide s1"></div>
     <div class="slide s2"></div>
     <div class="slide s3"></div>
     <div class="slide s4"></div>
    </div>


    Die Pfeiltasten LINKS und RECHTS dienen als Interaktion. Dabei sollen die Div Elemente mit
    HTML-Code:
    margin-left:-100%
    jeweils von rechts nach links entweder eingeblendet oder verschwinden.

    Aber woher weiß jQuery, dass sich slide s1 beispielsweise außerhalb der Webseite befindet:
    HTML-Code:
    margin-left:-100%;
    ?
    Wahrscheinlich dienen hier für die Variablen.


    Ich würde Folgendes probieren:

    wenn .slide margin-left: ist kleiner als <= 0px
    dann folgte das nächste Div Element.

    Habt ihr da vielleicht eine Idee?
    Vielen Dank.

  2. #2
    Moderator
    Registriert seit
    04.05.2012
    Beiträge
    2.692
    Hier mal ein einfach Beispiel wie ich es bauen würde: http://jsbin.com/vukinoyede/edit?html,output

    Du brauchst 1 container, 1 laufspur und die elemente. In meinem Beispiel hab ich um es einfach zu halten mit fixen werten gearbeitet, ich würde dir aber empfehlen diese mit js zu berechnen um den slider responsive zu machen. Übrigens kann das alles auch der slick slider, welcher in meinen augen einer der besten überhaupt ist.
    Pakete werden jetzt mit $_DHL geliefert... nicht mehr mit $_POST

  3. #3
    Neuer Benutzer
    Registriert seit
    02.04.2016
    Beiträge
    6
    Zitat Zitat von s4ty Beitrag anzeigen
    Hier mal ein einfach Beispiel wie ich es bauen würde: http://jsbin.com/vukinoyede/edit?html,output

    Du brauchst 1 container, 1 laufspur und die elemente. In meinem Beispiel hab ich um es einfach zu halten mit fixen werten gearbeitet, ich würde dir aber empfehlen diese mit js zu berechnen um den slider responsive zu machen. Übrigens kann das alles auch der slick slider, welcher in meinen augen

    einer der besten überhaupt ist.

    Genial! Wie kommt's dass der "Right" button nicht funktioniert?
    Danke für deine Unterstützung! Das hilft mir schon mal weiter!


  4. #4
    Moderator
    Registriert seit
    04.05.2012
    Beiträge
    2.692
    Ich hab den Right Button nur grafisch dargestellt im Prinzip das selbe wie left nur das er += statt -= rechnet

  5. #5
    Neuer Benutzer
    Registriert seit
    15.07.2018
    Beiträge
    3
    Zitat Zitat von s4ty Beitrag anzeigen
    Ich hab den Right Button nur grafisch dargestellt im Prinzip das selbe wie left nur das er += statt -= rechnet
    ban acc gunny

  6. #6
    Neuer Benutzer
    Registriert seit
    24.08.2019
    Ort
    Canada
    Beiträge
    6

    Einfacher Slider Pfeil Buttons und if else

    Hi mjh11,

    deine Lösung sieht echt cool aus, allerdings kann ich die .stl Dateien im Downloadbereich nicht finden,
    in welcher Subkategorie finde ich das, und wie heißt der Eintrag?

    LG Thomas

Lesezeichen

Lesezeichen

Berechtigungen

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