• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Suche Carousel für Bootstrap

Tronjer

Senior HTML'ler
Ich suche ein ganz einfaches, möglichst leichtgewichtiges Carousel, ähnlich wie auf dieser Seite (das untere mit den kleinen Bildern für Plakate, Poster, Briefpapier. etc).

Online Druckerei

Es muss eigentlich nur zwei Voraussetzungen erfüllen: Mehrere Bilder gleichzeitig nebeneinander darstellen, und die Buttons für Previous und Next sollen nicht über sondern links und rechts vom ersten und letzen Bild liegen. Ich hatte mir bereits etwas entsprechendes mit dem BX-Slider gebaut.

Problem ist allerdings, dass das Carousel in Bootstrap eingebaut werden und mit dem Grid skalieren soll. Im Gegensatz zum vorherigen Layout mit fixer Width lassen sich die Bilder, welche außerhalb des Containers liegen, dabei aber nicht mehr mit overflow: hidden ausblenden, sondern werden beim Verkleinern des Viewports umbrochen und untereinander dargestellt. Ich habe anschließend mit Elastide einen weiteren, angeblich responsiven Slider ausprobiert, aber auch dieser funktioniert mit dem Grid-Layout nicht.

Hätte jemand vielleicht einen Tipp, für ein solches Carousel, das mit Bootstrap harmoniert?
 
Sowas wird von Bootstrap mitgeliefert.

Ich brauche aber einen Slider, der mehrere Bilder gleichzeitig nebeneineinander anzeigt und dazu aus einem Array von Bildnamen immer nur soviele HTML-Elemente erzeugt, wie in den Container passen. Beim Skalieren des Viewports oder Klick auf die Navigationstasten sollen weitere Elemente dynamisch gelöscht oder nachgeladen werden. Außerdem muss er natürlich mit dem Grid-Layout skalieren.

Da es so ein Carousel scheinbar noch nicht gibt, habe ich mir ein eigenes mit jQuery und Ajax geschrieben.
 
Zurück
Oben