twitter carosello di bootstrap scompare

Question

Penso che questo potrebbe essere un problema semplice. ma non riesco a capire questo fuori. il modo migliore per spiegarlo è per voi a vedere

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

se si nota il cursore sulla homepage. funziona fino a quando non raggiunge l'ultima diapositiva, quindi il cursore scompare per un paio di secondi e quindi riappare.

Ho provato ad aggiornare il framework bootstrap ma non risolve il problema.

qualsiasi idea in cui il problema potrebbe essere.

Codice sorgente:

<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> 

Answer 1

Il problema viene dalle .carousel-control s che non dovrebbero essere all'interno .carousel-inner: la giostra sta cercando di mostrare i controlli come oggetti, causando la scomparsa.

Prova questo:

<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>