Modal Bootstrap dentro de un loop PHP o pagina dinamica Tengo el siguiente problema: en mi web aparecen 3 entradas de blog las cuales contienen una miniatura y al dar click de abre la ventana modal con la imagen en grande, el problema es que al crear el loop PHP y dar click en la imagen se abren las otras dos también... imagino que tengo que hacer algo con los "id" pero no se bien como.
Por otro lado originalmente mi idea era que dichas entradas del blog se pudieran abrir en paginas independientes, al estilo dinamico de php " $page=seccion1 " pero tampoco tengo idea como hacerlo...
a duras penas eh podido crear un sistema de blog sencillo, puedo crear entradas y mostrarlas pero no editarlas, ni mostrarlas con una paginación.
este codigo va por medio de un include en el index, el cual tiene la conexión con la base de datos y demas.
Código PHP:
<?php
$blog = mysql_query("SELECT * FROM blogData ORDER BY RAND() LIMIT 3");
while($row = mysql_fetch_array($blog)) {
$photo = $row['photo'];
$preview = $row['preview'];
$title = $row['title'];
$id = $row['id'];
?>
<div class="col-md-4">
<div class="container-fluid" style="background:#F5F5E9; padding-top:18px; padding-bottom:18px; border-radius: 6px;">
<a href="#" data-toggle="modal" data-target=".bs-example-modal-lg"><img src="img/<?php echo $photo; ?>" class="img-rounded" width="100%"></a>
<br><br>
<?php echo $preview; ?>
<br>
<span class="pull-right">
<a href="#" class="btn btn-xs btn-link" data-toggle="modal" data-target=".bs-example-modal-lg">read more</a></span>
</div>
</div>
<br>
<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<span class="pull-right">
<?php echo $title; ?>
</span>
<img src="img/<?php echo $photo; ?>" width="100%">
<center>
ads
</center>
</div>
</div>
</div>
<?php
}
?>
<div class="col-md-4">
<div class="container-fluid" style="background:#F5F5E9; padding-top:18px; padding-bottom:18px; border-radius: 6px;">
<img src="themes/megabloks/img/megabloks_wallpaper01.jpg" class="img-rounded" width="100%">
<br><br>
Lorem Ipsum es simplemente el texto de relleno de las imprentas y archivos de texto. Lorem Ipsum ha sido el texto de relleno estándar de las industrias desde el año 1500, cuando un impresor (N. del T. persona que se dedica a la imprenta) desconocido usó una galería de textos y los mezcló de tal manera que logró hacer un libro de textos especimen. No sólo sobrevivió 500 años, sino que tambien ingresó como texto de relleno en documentos electrónicos, quedando esencialmente igual al original.
<br>
<span class="pull-right">
<a href="#" class="btn btn-xs btn-link">read more</a></span>
</div>
</div> 
