Publicado em 6 de ago.

[Resolvido] Galeria de Fotos - Exibir em linhas e colunas

Fiz uma galeria de fotos que exibe as fotos de cada cliente, nessa exibição exibo também o nome das fotos (ele pega o nome do arquivo), só que ele está exibindo esse nome do lado da foto, e o que quero é que exiba uma foto do lado da outra e seu respectivo nome embaixo. E quando consigo colocar, ele enfileira tudo (em uma linha só), já tentei de várias formas e não consigo.

<div id="gallery">
<?php

foreach (glob("galeria/fotos/$pasta/.") as $filename) { $arquivo = basename ($filename); //pega o nome do arquivo

echo "<a href='$filename' target='_blank'><img src='$filename' width=140 border 0></a>$arquivo";
}
?>
</p>
</div>

Discussão (4)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Lucas Guima· 6 de ago.

Testa e vê se é isso...

<div style="width: 620px;">
<?php

foreach (glob("galeria/fotos/$pasta/.") as $filename){

	$arquivo = basename($filename);
	echo "<div style=\"width: 150px; float: left; position: relative;\">";
	echo "<a href=\"".$filename."\" target=\"_blank\"><img src=\"".$filename."\" alt=\"".$filename."\" style=\"width: 140px;\" border=\"0\" /></a><br />".$arquivo;
 echo "</div>";
 }
?>
</div>

Vai alinhar 4 resultados por linha...

Matias Rezende· 6 de ago.

Uma outra opção é fazer o layout usando listas (ul li). Tem uma video aula legal sobre isto aqui. É sobre catálogo de produtos, mas a lógica é a mesma.

Carlos Eduardo

kika· 6 de ago.

Lucas Guima!! Funcionou...muito obrigada. Ele só dá uma meio bagunçada quando tem imagens horizontais e verticais juntas, ele coloca 2 horizontais na mesma altura da vertical, deixa um espação entre a próxima linha (só em algumas) e as vezes coloca uma vertical sozinha e o restante na próxima linha. Mas já ajudou muuuito, obrigada mesmo.

Essas confusões com as horizontais e verticais vou dar uma estudada em css e tableless para resolver isso.

E matias_rezende, muito show essa vídeo-aula, muito obrigada tb.

Valeu muito a ajuda de vocês!!

Obrigada!!

Lucas Guima· 6 de ago.

>
Lucas Guima!! Funcionou...muito obrigada. Ele só dá uma meio bagunçada quando tem imagens horizontais e verticais juntas, ele coloca 2 horizontais na mesma altura da vertical, deixa um espação entre a próxima linha (só em algumas) e as vezes coloca uma vertical sozinha e o restante na próxima linha. Mas já ajudou muuuito, obrigada mesmo.

Essas confusões com as horizontais e verticais vou dar uma estudada em css e tableless para resolver isso.

E matias_rezende, muito show essa vídeo-aula, muito obrigada tb.

Valeu muito a ajuda de vocês!!

Obrigada!!

É, a formatação fica por sua conta, eu não sabia o tamanho das imagens e tal... fiz com base a largura que você passou. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif