Acredito ser questão de colocar o código no local certo, porém estou quebrando a cabeça e não consigo...
Fiz um teste com o código padrão do BootStrap, onde funciona sobre um botão. Inclusive coloquei as chamadas de dados dentro dele e funcionou.
A questão agora é, minha index retorna valores do banco pelo while:
while ($posts = mysql_fetch_array($busca)){
extract($posts);
?>
<div class="col-md-2" >
<div class="item-title">
<h6 class="title">
<strong>
<a href="single.php?id=<?php echo $posts['id']?>" title="<?php echo $posts['titulo']; ?>" >
<?php echo $posts['titulo']; ?></a>
<strong>
</h6>
</div><!--Fecha titulo do posts/item-->
<div class="item-img" data-toggle="modal" data-target=".bs-example-modal-lg">
<a href="single.php?id=<?php echo $posts['id']?>" title="<?php echo $posts['titulo']; ?>" class="thumbnail">
<img src="uploads/<?php echo $posts['path'] ?>" title="<?php echo $posts['titulo']; ?>" alt="" id="blc-img" />
</a>
</div><!--Fecha Imagem do posts/item-->
<div class="item-vist">
<h6 class="vist"><small>Visitas <b><?php echo $posts['visitas'] ?></small></b></h6>
</div><!--Fecha Visitas do posts/item-->
</div>
<?php
};
?>
Como posso adaptar este código para que ao clicar em um dos itens, ele abra no Modal, e não no single.php? como esta no momento.
Código do modal:`
<button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-lg">Large modal</button>
<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
<div class="modal-dialog modal-lg">
<div class="modal-content">
...
</div>
</div>
</div>`
Não irei modificar o código padrão do Modal(acredito não haver necessidade). Gostaria que ao clicar em um dos itens retornados, ele abra em Modal.
Minha ideia é quando clicar no post(aquele abaixo do Catalogo), ela abra da mesmo forma que o do botão.
Agradeço desde já!