Carousel-Slider mit jQuery erweitern ?

Dieses Thema im Forum "Webentwicklung" wurde erstellt von Tokatci, 19. Juni 2017 .

  1. 19. Juni 2017
    Hallo Community,

    ich habe eine schöne Content Carousel-Slider mit jQuery gefunden (MIT) die ich gerne erweitern möchte , jedoch bekomme ich dabei Fehler bzw. wird falsch dargestellt.

    Man kann Material hier downloaden ---> http://www.jqueryscript.net/slider/F...Bootstrap.html

    und hier kann man direkt beim Entwickler die Seite Online bearbeiten ----> jEwqt

    was ich gerne machen möchte ist , Slider wird mit 3x Contents präsentiert , ich möchte jedoch weitere 2 oder 3 Contents hinzufügen

    Indicator hinzufügen klappts , jedoch sobald ich Contents hinzufüge wird die Präsentation / Bilder untereinander separat dargestellt. Was muss noch gemacht werden , damit mehrere Contents Slider ohne Probleme und richtig laufen ?

    Danke für die Hilfe im voraus
     
  2. 19. Juni 2017
    du fügst einfach für jeden weiteren content den du in den silder haben willst ein neues item hinzu
    also innerhalb von <div class="carousel-inner">

    Code:
     <div class="item">
     <img src="..." style="width:100%" data-src="" alt="Third slide">
     <div class="container">
     <div class="carousel-caption">
     <h1>One more for good measure.</h1>
     <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
     <p><a class="btn btn-lg btn-primary" href="#" role="button">Browse gallery</a></p>
     </div>
     </div>
     </div>
    dann noch einen menüpunkt hinzu <li data-target="#myCarousel" data-slide-to="2"></li> und erhöhst die data-slide-to zahl um eins.

    KqWqqL

    geht mit beliebig vielen. du musst nur schauen das du auch alle div richtig geschlossen hast.
     
    Tokatci gefällt das.
  3. 19. Juni 2017
    Empfehlung: CSS3 z.B. non-jQuery Carousel - Amazing 100% CSS3 carousel
    jQuery bzw JavaScript ist ein schweizer Käse in Bezug auf Sicherheit das wird auch immer so bleiben.
     
    Tokatci gefällt das.
  4. 21. Juni 2017
    Danke für die Hilfe , Problem gelöst

    da war ein <div> zuviel , komischeweise zeigt Dreamweaver CC keine Fehlermeldung, und ich habs übersehen
     
  5. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.