Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom, tenho uma galeria onde são exibidas todas as imagens numa página, a imagem ao ser clicada é aberta num modal, a partir daí liberam-se as setas laterais para passar ou retroceder uma imagem pelo modal.
<ul id="lightGallery" class="gallery col-md-3">
<?php
$sql_item = mysql_query("SELECT * FROM galeria_item where id_album=1");
while($resultado_item = mysql_fetch_array($sql_item)){
echo '
<li data-src="images/galeria/'.$resultado_item['item'].'">
<a href="#">
<img src="images/galeria/'.$resultado_item['item'].'" class="img-responsive thumbnail" />
</a>
</li>
';
}
?>
</ul>
O que preciso é, mostrar na página apenas uma imagem, para que ao clica-la, abra o modal e eu possa visualizar todas as imagens do corrente album.
Vlw
Valeu a dica Beraldo, vou dar uma sacada mais detalhada.
Você terá de tirar o mysql_fetch_array do loop. Execute-o só uma vez, para retornar apenas a primeira imagem.
Depois, ao clicar na foto, abra o modal e carregue as demais imagens via Ajax.
Há ferramentas Javascript para fazer isso. Pesquise por lightbox, que encontrará várias opções.
PS: funções mysql_* estão obsoletas desde o PHP 5.5. Prefira usar MySQLi ou PDO. Veja mais aqui: http://www.ultimatephp.com.br/php-por-que-nao-utilizar-funcoes-mysql