Slide con imágenes desde base de datos
Tengo un slide dentro de un modal que me muestra imágenes traídas desde mysql
Y funciona bien me muestra 4 imágenes.
La cuestión es que no siempre se ingresarían la 4 imágenes se podrían subir nada más 2 o 3
Como podría adaptar mi slide para que mostrara nada más imágenes que se encuentran subidas
Por ejemplo que si nada más subieron 2 imágenes muestre 2 en el slide y no marque que no encontró las otras 2,
si subieron 3 que muestre nada más 3 y así.
Sera de mucha ayuda cualquier sugerencia o ayuda
Este es parte de mi código del slide
<div id="myCarousel" class="carousel slide carousel-fit" data-ride="carousel"> <!-- Indicators --> <ol class="carousel-indicators"> <li data-target="#myCarousel" data-slide-to="0" class="active"></li> <li data-target="#myCarousel" data-slide-to="1"></li> <li data-target="#myCarousel" data-slide-to="2"></li> <li data-target="#myCarousel" data-slide-to="3"></li> </ol> <!-- Wrapper for slides --> <div class="carousel-inner" align="center"> <div class="item active" > <img img src="images/portfolio/<?php echo $data['image']; ?>" alt="inmueble"> <div class="carousel-caption"> </div> </div> <div class="item"> <img img src="images/portfolio/<?php echo $data['image2']; ?>" alt="inmueble"> <div class="carousel-caption"> </div> </div> <div class="item"> <img img src="images/portfolio/<?php echo $data['image3']; ?>" alt="inmueble"> <div class="carousel-caption"> </div> </div> <div class="item"> <img img src="images/portfolio/<?php echo $data['image4']; ?>" alt="inmueble"> <div class="carousel-caption"> </div> </div> </div> </div> <!-- Controls --> <a class="left carousel-control" href="#myCarousel" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> </a> <a class="right carousel-control" href="#myCarousel" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> </a> </div> <div class="modal fade modal-fullscreen force-fullscreen" id="myModal" 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-hidden="true">×</button> <h4 class="modal-title">Modal title</h4> </div> <div class="modal-body"> <p>One fine body…</p> </div>