Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Mbarnabe

[Resolvido] Galeria de imagem com Lightbox + php

Recommended Posts

ola pessoal aqui estou mais uma vez pedindo a ajuda de vocês, começei ontem a fazer um sistema de galeria de fotos Lightbox puxando do Banco de Dados seguindo uma video aula do Becck.com. porem faço todo o processo as imagns indicam que esta vindo do bd para não aparecem na tela fica um X no lugar da imagem, sei que ele esta buscando elas no BD porque o numero de X corresponde quantidade de imagem que tenho no BD.

 

segue font.

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Galeria de Imagens</title>

<?php

include "config.php";

?>

<body>

 

<?php

$sql = mysql_query("SELECT * FROM upload");

while($linha = mysql_fetch_array($sql)){

?>

<img src="<?=$linha['foto']?>" border="0" />

 

<?php

}

?>

</body>

</html>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

execute o script e visualize o código-fonte gerado, por meio do navegador

 

verifique os paths das imagens. eles provavelmente estão errados.

 

Visualizado pelo browser....

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Galeria de Imagens</title>

<body>

 

<img src="caes.jpg" border="0" />

 

<img src="ipopotamo.jpg" border="0" />

 

<img src="leao.jpg" border="0" />

 

<img src="lobo.jpg" border="0" />

 

<img src="urso.jpg" border="0" />

 

<img src="zebra.jpg" border="0" />

 

</body>

</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Viu? Você só está imprimindo o nome da foto (ex.: leao.jpg), porém elas provavelmente não estão no mesmo diretório que a página da galeria. Crie uma variável que grave o caminho até as imagens e use-a no while:

 

<?php
$pasta = "/imagens/"; // um exemplo do caminho das imagens
$sql = mysql_query("SELECT * FROM upload");
while($linha = mysql_fetch_array($sql)){
?>
<img src="<?php echo $pasta . $linha['foto']; ?>" border="0" />
<?php
}
?>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Boa noite Mbarnabe :)

 

Se voce diz que na visualização do browser está assim:

 

<img src="caes.jpg" border="0" />

 

<img src="ipopotamo.jpg" border="0" />

 

<img src="leao.jpg" border="0" />

 

<img src="lobo.jpg" border="0" />

 

<img src="urso.jpg" border="0" />

 

<img src="zebra.jpg" border="0" />

 

Tente então assim: ;)

 

<a href="/Pasta_foto_Normal/caes.jpg" rel="lightbox" title="Titulo da sua imagem se tiver"><img src="/Pasta_de_Miniaturas/mini_caes.jpg" border="0"/></a>

 

Pelo que vejo voce não tem um link para chamar a imagem que é carregada.

Encaixe isso no seu código php na hora de montar a imagem. ;)

 

Não testei mas acho que ficaria assim:

 

<?php

echo "<a href=".$linha['foto']." rel='lightbox' title='Titulo da sua imagem se tiver'><img src=".$linha['foto']." border='0'/></a>";

?>

 

Isso deve ficar dentro de um loop até terminar as imagens.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Viu? Você só está imprimindo o nome da foto (ex.: leao.jpg), porém elas provavelmente não estão no mesmo diretório que a página da galeria. Crie uma variável que grave o caminho até as imagens e use-a no while:

 

<?php
$pasta = "/imagens/"; // um exemplo do caminho das imagens
$sql = mysql_query("SELECT * FROM upload");
while($linha = mysql_fetch_array($sql)){
?>
<img src="<?php echo $pasta . $linha['foto']; ?>" border="0" />
<?php
}
?>

mesmo assim não deu certo segue abaixo o link para baixar todos os arquivos para analizar...

 

http://www.4shared.com/file/Ql71N6cJ/Upload_fotos.html

 

Topico Resolvido

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.