Ändern Sie das bootstrap carousel Anzeige mehrerer Folien gleichzeitig
Ich bin zu wollen, um zu ändern, bootstrap 3 carousel zur Anzeige mehrere Dias auf einmal. Ich weiß, ich könnte mehrere miniaturen in einer einzelnen Folie (div .Element), aber das problem ist, dass das Karussell gleiten an Ihnen vorbei, alle gleichzeitig bewegen Sie sich auf die nächste Gruppe in der Erwägung, dass ich bin zu wollen, Schritt durch Sie eins nach dem anderen.
Habe ich ein Beispiel für genau das, was ich hier will: http://www.bootply.com/117282 Das einzige problem mit diesem ist, ich brauche 5 oder 6 Folien sichtbar, im Gegensatz zu 4. Ich verbrachte mehrere Stunden versucht, dies zu ändern, wie gewünscht, aber ich eindeutig nicht haben ein ausreichendes Verständnis von, wie es funktioniert.
Mein jquery/javascript-Verständnis ist ziemlich elementar, aber mein CSS ist ziemlich anständig. Könnte jemand mir zeigen, wie Sie ändern diese Anzeige 5/6 Folien gleichzeitig? Ich bin wirklich dankbar für die Hilfe.
Dank,
Sharma
InformationsquelleAutor Sharma | 2014-03-21
Du musst angemeldet sein, um einen Kommentar abzugeben.
Wenn Sie nur wollen, um diesen diese Geige so :
1 :
In JS : ändern
for (var i=0;i<2;i++) {
durchfor (var i=0;i<4;i++) {
2 :
In HTML : ändern
col-lg-3
(also 4 Einzelteile) voncol-lg-2
(also 6 items)bootply : http://www.bootply.com/123662
for (var i=0;i<3;i++) {
sowie die Einstellung des span-lg-2 auf eine Breite von 20%, das scheint effektiv zu gib mir fünf Spalten. bootply.com/123662 Für jedermann els implementieren wollen, müssen Sie auch ändern Sie den css-verschieben Sie den Schieberegler, indem Sie die korrekte Menge mit.carousel-inner .active.left { left: -20%; }
und.carousel-inner .next { left: 20%; }
Sie können, danken Sie dem Autor, der fiddle, nicht von mir... Aber bitte, wenn Ihr Problem gelöst ist, können Sie die Antwort akzeptieren um den Beitrag zu schließen ? (auf der linken Seite der Antwort, unten Pfeile)
Das ist wunderbar. wie kann ich den Pfeil nach Links verschieben ?
Wenn jemand auf der Suche nach der Antwort, wie man sich zu bewegen Links 1 zu einem Zeitpunkt als gut, hier ist die Antwort: .carousel-inner .aktiv.rechts { Links: 16.6% ; } .carousel-inner .prev { left: -16.6% ; }
kann diese aktualisiert werden, für die Bootstrap-3.3.5? Es scheint nicht zu funktionieren hier: bootply.com/yNdE51hs8o
InformationsquelleAutor candybeer