Bilder Slider, die springen 1 Schritt pro Klick

Question

Ich bin auf der Suche nach einigen JQuery-Skript mit bisher keinem Erfolg. Ich habe eine 1000 px breite div, innerhalb dieser div möchte ich 10 divs horizontal hinzufügen, aber nur 4 divs anzuzeigen. Wenn der Benutzer auf den Pfeil nach rechts klickt, werden alle Divs nach links verschoben und 1 neues Bild wird angezeigt. Zum Beispiel, in der div gibt es einen Fokus auf div 2,3,4,5 nach Klick auf den rechten Pfeil ändert sich der Fokus auf 3,4,5,6 und so weiter. Wenn Bilder den Fokus beenden, wird 5,6,7,1 usw. sein. irgendeine Idee? BITTE

Answer 1

Sie sollten ein JS Carousal verwenden. Je nachdem, was Sie suchen, stehen Ihnen viele Optionen zur Verfügung.

Sie können die Breite des Carousals beliebig im CSS anpassen und auch initialisieren, um so viele Elemente wie Sie möchten.

Hier sind ein paar, die ich in der Vergangenheit

http://kenwheeler.github.io/slick/

http://owlgraphic.com/owlcarousel/#demo

http://v4-alpha.getbootstrap.com/components/carousel/

Prost und glücklich Codierung verwendet haben!