Galeria de imagens Php

[sNniffer 1]

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

[Beraldo 864]

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

[sNniffer 1]

Valeu a dica Beraldo, vou dar uma sacada mais detalhada.