problema con carousel di Bootstrap

  • Creatore Discussione Creatore Discussione Epe
  • Data di inizio Data di inizio

Epe

Nuovo Utente
17 Apr 2015
1
0
0
Ciao a tutti,
ho un problema con le frecce di controllo del carousel di Bootstrap.
Il carousel si trova dentro una finestra modale, quando clicco sulle frecce invece di far scorrere l'immagine successiva scorre la pagina...
Qualcuno mi sa aiutare? potrebbe essere qualche conflitto?
Grazie mille in anticipo!
questo è il codice della finestra modale:

<!-- Modal Vita-prova1-images -->
<div class="modal fade" id="Modal-prova1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<h5 class="modal-title" id="myModalLabel">Prova1</h5>
</div>
<div class="modal-body">
<div id="carousel-prova1" class="carousel slide">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#carousel-prova1" data-slide-to="0" class="active"></li>
<li data-target="#carousel-prova1" data-slide-to="1"></li>
<li data-target="#carousel-prova1" data-slide-to="2"></li>
<li data-target="#carousel-prova1" data-slide-to="3"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="images/vita/prova1-1.jpg" alt="">
<div class="carousel-caption">
</div>
</div>
<div class="item">
<img src="images/vita/prova1-2.jpg" alt="">
<div class="carousel-caption">
</div>
</div>
<div class="item">
<img src="images/vita/prova1-3.jpg" alt="">
<div class="carousel-caption">
</div>
</div>
<div class="item">
<img src="images/vita/prova1-4.jpg" alt="">
<div class="carousel-caption">
</div>
</div>
</div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-prova1" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#carousel-prova1" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
</div>
<!-- End Modal Vita-prova1-images -->
 
ciao, prova così:
HTML:
<div id="slideshow" class="carousel slide">
 <div class="carousel-inner">
  <div class="item active">
   <img src="http://forum.mrwebmaster.it/html-css/..." alt="...">
   <div class="carousel-caption">
    ...
   </div>
  </div>
  <div class="item active">
   <img src="http://forum.mrwebmaster.it/html-css/..." alt="...">
   <div class="carousel-caption">
    ...
   </div>
  </div>
  <div class="item active">
   <img src="http://forum.mrwebmaster.it/html-css/..." alt="...">
   <div class="carousel-caption">
    ...
   </div>
  </div>
 </div>
 
<!-- Indicatori di posizione -->
 <ol class="carousel-indicators">
  <li data-target="#slideshow" data-slide-to="0" class="active"></li>
  <li data-target="#slideshow" data-slide-to="1"></li>
  <li data-target="#slideshow" data-slide-to="2"></li>
 </ol>
 
<!-- Controlli -->
 <a class="left carousel-control" href="#slideshow" data-slide="prev">
 <span class="icon-prev"></span>
 </a>
 <a class="right carousel-control" href="#slideshow" data-slide="next">
 <span class="icon-next"></span>
 </a>
</div>
 

Discussioni simili