Jquery responsive Slider mit Textblock darunter

Ich sah viel nach einem Schieberegler (Jquery oder Bootstrap) wie dieser , aber ich habe nichts gefunden. So hat der Schieberegler ein Bild oben, die Kugeln für jetzt viele Folien sind und dann, darunter, hat jede Folie einen Textblock.Jquery responsive Slider mit Textblock darunter

Ich habe versucht, diejenigen mit Text oben in der Beschriftung, aber hat nicht funktioniert. Wenn jemand einen Schieberegler wie im Bild kennt, bitte sag mir, oder wenn du irgendeine Idee hast, wird es großartig.

Quelle

2016-08-29 John Smith

Suche hier http://bootsnipp.com/search?q=carousel könnte diesen Link helfen –

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

Ich bezweifle, dass Sie solche Slider fertig gemacht bekommen, aber mit bestehenden Slider/Karussell wie Eulenkarussell oder Bootstrap Karussell können Sie Ihr Ziel erreichen. Sie müssen der vorhandenen Karussellfunktion nur noch Folgendes hinzufügen: Fügen Sie einen Ereignishandler für die Änderung des Schiebereglers hinzu, um zu wissen, welche Folie gerade sichtbar ist, und laden Sie dann die entsprechende Beschreibung am unteren Rand des Schiebereglers. – vijayP

nur die folgende CSS hinzufügen, wenn Sie mit Bootstrap

.carousel-indicators { 
    bottom: 0; 
    margin-bottom: -20px; 
} 
.carousel-indicators li{ 
    border: 1px solid #f44336; 
} 
.carousel-indicators .active { 
    background-color: #F44336; 
}

Demo

Quelle

2016-08-29 10:47:17

der Text von Ihrer Demo ist in der Spitze der Bilder, ich meine, wo die Bilder sein müssen. Ich will diesen Text, Beschriftung, unter den Kugeln sein, rote Kugeln (wie Sie setzen). Ist es möglich? –

Jquery responsive Slider mit Textblock darunter

Antwort

Verwandte Themen