2016-03-28 5 views
1

Ich versuche, das Bootstrap-Karussell mit 4 Bildern zu verwenden.
Wenn ich auf die Punktnummer 1 oder 2 klicke, werden die Bilder sofort wie erwartet angezeigt (ok). Aber wenn ich auf die Punktnummer 3 oder 4 klicke, werden die Bilder nicht sofort angezeigt (NOK). Alle 4 Bilder werden nacheinander angezeigt, wenn eine Zeit von 30 Sekunden abgelaufen ist (ok). Ein Klick auf den linken Pfeil (oder den rechten Pfeil) zeigt das vorherige (oder nächste) Bild sofort an (ok). https://jsfiddle.net/leventy7/ow6stx67/2/Twitter Bootstrap Karussell, klicken Sie auf Punkt 1 oder 2 aktiviert Bilder, aber auf Punkt 3 oder 4 keine Reaktion

<!-- Indicators --> 
<ol class="carousel-indicators"> 
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active" id="carousel-indicator-li-id1"></li> 
    <li data-target="#carousel-example-generic" data-slide-to="1" id="carousel-indicator-li-id2"></li> 
    <li data target="#carousel-example-generic" data-slide-to="2" id="carousel-indicator-li-id3"></li> 
    <li data target="#carousel-example-generic" data-slide-to="3" id="carousel-indicator-li-id4"></li> 
</ol> 

(mit den Bildern für das Karussell) kann hier das Ergebnis zu sehen::
http://test-my-bs-carousel.bitballoon.com/

Die Quelle für die index.html und styles.css finden Sie hier

Ich würde es wirklich schätzen, wenn mir jemand einen Hinweis geben könnte. Ich bin relativ neu zu CSS und Bootstrap.

Vielen Dank und freundlichen Grüßen

Levent

+0

Seine Arbeit https://jsfiddle.net/cmedina/ow6stx67/3/ was ist Ihr Problem ?? – CMedina

+0

Das Problem ist: _Aber wenn ich auf die Punktnummer 3 oder 4 klicke werden die Bilder nicht sofort angezeigt (NOK) ._ – Levile

+0

Ich gehe davon aus, dass du zustimmst, dass ein Mausklick auf die Punktnummer 3 oder 4 die noch nicht anzeigen lässt Bild Nummer 3 oder 4 sofort. Wenn Sie immer noch denken, dass es normal funktioniert, lassen Sie es mich wissen. Ansonsten würde ich es sehr schätzen, wenn mir jemand einen Tipp geben könnte, um das Problem zu beheben. Vielen Dank. – Levile

Antwort

1

ich die Datei von Ihrer Geige kopiert und versucht auf eigene Faust aus. Das Problem war mit Ihrer HTML-Datei. Sie haben einen Bindestrich in Ihrem Datenziel verfehlt.

<ol class="carousel-indicators"> 
<li data-target="#carousel-example-generic" data-slide-to="0" class="active" id="carousel-indicator-li-id1"></li> 
<li data-target="#carousel-example-generic" data-slide-to="1" id="carousel-indicator-li-id2"></li> 
<li data target="#carousel-example-generic" data-slide-to="2" id="carousel-indicator-li-id3"></li> 
<li data target="#carousel-example-generic" data-slide-to="3" id="carousel-indicator-li-id4"></li> 

Hier ist der richtige Code-Schnipsel.

<ol class="carousel-indicators"> 
     <li data-target="#carousel-example-generic" data-slide-to="0" class="active" id="carousel-indicator-li-id1"></li> 
     <li data-target="#carousel-example-generic" data-slide-to="1" id="carousel-indicator-li-id2"></li> 
     <li data-target="#carousel-example-generic" data-slide-to="2" id="carousel-indicator-li-id3"></li> 
     <li data-target="#carousel-example-generic" data-slide-to="3" id="carousel-indicator-li-id4"></li> 
</ol> 

DEMO IN JSFIDDLE

+0

Vielen Dank. Ich habe noch nicht verstanden, an welcher Stelle welcher Charakter fehlte oder genau falsch war, aber mit deinem Code funktioniert es jetzt erfolgreich. Wünsche dir eine schöne Woche. – Levile

+0

Mehr als bereit zu helfen. :) –