Galeria com Carousel Bootstrap (foreach funciona apenas na ultima galeria add no db).
Estou criando uma galeria, na pagina inicial fica as thumbs, ao clicar em uma abre uma modal com todas as imagens daquela galeria. (Obs. ao salvar no db as imagens da galeria ex. "01" todas as imagens são salvas na mesma coluna e são separadas por "," 7172381372.jpg,3216382763.jpg...) Ao realizar o loop a galeria com as thumbs funciona perfeitamente. Ao clicar em uma thumb, abre o modal e nele todas as fotos atribuida aquele thumb "galeria" as imagens são mostradas pelo carousel bootstrap. No entanto apenas a ultima galeria add no db funciona o carousel (ex: add galeria 01, funciona tudo normalmente a galeria com carousel, add a galeria 02, essa funciona normalmente o carousel, no entanto o carousel da 01 para de funcionar.
<div class="row">
<?php while($rows = mysqli_fetch_assoc($resultado)){ $foto = rows['foto'];?>
<div class="gallery_product col-md-3 col-sm-4 col-xs-12">
<a href="#" data-toggle="modal" data-target="#myModal<?php echo $rows['id_produto']; ?>" ><img src="uploads/thumb_<?php echo $foto; ?>" class="img-responsive"></a>
</div>
<div class="modal fade" id="myModal<?php echo $rows['id_produto']; ?>" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog" id="<?php echo $rows['id_produto']; ?>" >
<div class="modal-content" >
<div class="modal-body text-center pagination-centered"><!----------------CAROUSEL------------------------>
<?php
$imagens_nome = $foto;
$imagens=explode(',',$imagens_nome);
?>
<!-- Indicators -->
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<?php
$cont=0;
foreach($imagens as $img){?>
<li data-target="#carousel-example-generic" data-slide-to="<?php echo $cont;?>" class="<?php echo ($cont==0)?" active ":" ";?>"></li>
<?php $cont++;} ?>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<?php
$cont=0;
foreach($imagens as $img){?>
<div class="item <?php echo ($cont==0)?" active ":" ";?>">
<img src="uploads/<?php echo $img; ?>" width="100%"alt="...">
<div class="carousel-caption">
</div>
</div>
<?php $cont++; } ?>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-example-generic" 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-example-generic" 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 class="modal-header">
</div>
<?php } ?>
</div>Discussão (0)
Carregando comentários...