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">×</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 -->
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">×</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 -->