2012-11-01 4 views
10

Ich denke, das könnte ein einfaches Problem sein. aber ich kann das nicht herausfinden. der beste Weg, es zu erklären, ist für SieTwitter Bootstrap Karussell verschwindet

Link zu sehen: http://dynastyfireplaces.3dcartstores.com

, wenn Sie den Schieberegler auf der Homepage bemerken. es funktioniert gut, bis es die letzte Folie erreicht, dann verschwindet der Schieberegler für ein paar Sekunden und erscheint dann wieder.

Ich habe versucht, das Bootstrap-Framework zu aktualisieren, aber es behebt das Problem immer noch nicht.

alle Ideen, wo das Problem sein könnte.

Quellcode:

<div class="carousel slide" id="myCarousel"> 
    <div class="carousel-inner"> 
     <div class="item"> 
      <img alt="" src="..."> 
     </div>  
     <div class="item"> 
      <img alt="" src="..."> 
     </div> 
     <div class="item active"> 
      <img alt="" src="..."> 
     </div> 
     <a data-slide="prev" href="#myCarousel" class="left carousel-control">‹</a> 
     <a data-slide="next" href="#myCarousel" class="right carousel-control">›</a> 
    </div> 
</div> 

Antwort

28

Das Problem kommt von den .carousel-control s, die nicht innerhalb .carousel-inner sein sollte: das Karussell versucht, die Kontrollen als Elemente zu zeigen, das Verschwinden verursacht.

Versuchen Sie folgendes:

<div class="carousel slide" id="myCarousel"> 
    <div class="carousel-inner"> 
     <div class="item"> 
      <img alt="" src="..."> 
     </div>  
     <div class="item"> 
      <img alt="" src="..."> 
     </div> 
     <div class="item active"> 
      <img alt="" src="..."> 
     </div> 
    </div> 
    <a data-slide="prev" href="#myCarousel" class="left carousel-control">‹</a> 
    <a data-slide="next" href="#myCarousel" class="right carousel-control">›</a> 
</div>