Jump to content


Photo

Lightbox E Mysql


  • Faça o login para participar
6 replies to this topic

#1 kklj

kklj

    12 Horas

  • Usuários
  • 135 posts
  • Sexo:Masculino
  • Localidade:juiz de fora

Posted 26/02/2008, 10:07

alguem sabe me dizer como usar lightbox e mysql? explico melhor, tenho um bd, onde gravo o caminho das fotos, e uma pasta onde fica as fotos, e para exibi-las kero usar o lightbox, mas nao sei se tem como, pois os exeemlos q vi ate agora na net, nenhum usa bd.

se alguem puder me dar uma dica.


obrigado

#2 lwirkk

lwirkk

    Veterano

  • Usuários
  • 1314 posts
  • Sexo:Não informado

Posted 26/02/2008, 11:07

Você conseguiu ao menos pegar a URL que está no DB?
Posted Image
"Se quiser ser feliz por um dia, vingue-se; se quiser ser feliz por uma vida inteira, perdoe."

Muito Obrigado à todos do fórum, e à toda equipe do fórum! =)

#3 Bruno Augusto

Bruno Augusto

    ∙•● Restarting... ●•∙

  • Usuários
  • 1968 posts
  • Sexo:Não informado
  • Localidade:Itajubá

Posted 26/02/2008, 11:11

Você não retorna um array após a consulta? Então, você faz um loop com esse array e gera a galeria.

O Lightbox funciona no format:

<a href="link_pra_imagem_grande" title="Título da imagem para aparecer na galeria">
<img src="imagem_miniatura" alt="texto alternativo" />
</a>
Só que, pra te poupar trabalho de fazer miniaturas com a biblioteca GD, você pode usar no SRC da imagem, a mesma foto grande, só muda as propriedades height e width da tag style para valores menores.

O resultado não vai ser tão perfeito quando gerar uma miniatura dinâmicamente, mas funciona igualzinho e ser distorcer, pois estará comprimindo pixels enão expandindo.

O resto é layout :P

#4 lwirkk

lwirkk

    Veterano

  • Usuários
  • 1314 posts
  • Sexo:Não informado

Posted 26/02/2008, 11:16

Você não retorna um array após a consulta? Então, você faz um loop com esse array e gera a galeria.

O Lightbox funciona no format:

<a href="link_pra_imagem_grande" title="Título da imagem para aparecer na galeria">
<img src="imagem_miniatura" alt="texto alternativo" />
</a>
Só que, pra te poupar trabalho de fazer miniaturas com a biblioteca GD, você pode usar no SRC da imagem, a mesma foto grande, só muda as propriedades height e width da tag style para valores menores.

O resultado não vai ser tão perfeito quando gerar uma miniatura dinâmicamente, mas funciona igualzinho e ser distorcer, pois estará comprimindo pixels enão expandindo.

O resto é layout :P


Nussa, fazer isso de mudar só a altura e largura fica bastante pesada a página, ainda mais se alguém acessar internet igual eu de 70k u.u' xD
Posted Image
"Se quiser ser feliz por um dia, vingue-se; se quiser ser feliz por uma vida inteira, perdoe."

Muito Obrigado à todos do fórum, e à toda equipe do fórum! =)

#5 Bruno Augusto

Bruno Augusto

    ∙•● Restarting... ●•∙

  • Usuários
  • 1968 posts
  • Sexo:Não informado
  • Localidade:Itajubá

Posted 26/02/2008, 11:20

Por isso eu disse que não é o ideal pois, com um estruturação de diretórios mínima e umas 15 linhas de código você faz o resize e armazena na dita pasta.

Mas eu não sei o (a) pessoa sabe fazer e não queria fugir do escopo do tópico ^^

#6 kklj

kklj

    12 Horas

  • Usuários
  • 135 posts
  • Sexo:Masculino
  • Localidade:juiz de fora

Posted 26/02/2008, 11:46

amigos meu codigo é esse:
<?php 
include_once("conexao.php");
?>
<html>
<head><title>teste lightbox</title>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>
</head>

<body>

<?php
//<a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
//<a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a>
//<a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>

$numreg = 9; // Quantos registros por página vai ser mostrado
if (!isset($pg)) {
  $pg = 0;
}
  $inicial = $pg * $numreg;
  $sql = "select idprod, caminho from produto limit $inicial, $numreg";
  $exibe = mysql_query($sql) or die ( mysql_error());
  $sql_conta = mysql_query("SELECT idprod, caminho FROM produto");
  $quantreg = mysql_num_rows($sql_conta); 
  echo "<br><br>";
 $dir = 'imagens/';
 $coluna = 1;
 $linhas = 0;
 echo "<table position=\"center\">"; 
 echo "<tr>";
 while ($linha = mysql_fetch_array($exibe)){
   $caminho = $linha['caminho'];
   $x = strstr($caminho,'imagens');
   echo $x;
   echo "<td width=\"169\"><div align=\"center\"><a href="imagens/bandeira.jpg" rel="lightbox[roadtrip]"><img src=\"imagens/".$caminho."\" width=\"163\" height=\"105\" />AKI NESTA LINHA DA UM ERRO </a>

   </div></td>";

   if($coluna == 3){ 
	 echo "</tr><tr>";
	 $coluna=0;
	 $linhas++;
	}
	$coluna++;
	if($linhas == 3){
	  echo  "</tr>";
	  break;
	}
 }
echo "</table>";
  include("paginacao.php"); // Chama o arquivo que monta a paginação. ex: << anterior 1 2 3 4 5 próximo >>

?>


</body>
</html>

eu nao estou conseguindo colocar link NO ECHO nas fotos para poder amplia-la. eu criei uma tabela, onde puxa as fotos do bd, e exibo numa tabela de 3x3, e crio uma paginacao.

tem como tbm colocar o nome da foto q corresponde a cada uma?

obrigado pessoal.

#7 lwirkk

lwirkk

    Veterano

  • Usuários
  • 1314 posts
  • Sexo:Não informado

Posted 26/02/2008, 12:03

No ECHO da foto:
coloque:
echo "<td width=\"169\"><div align=\"center\"><a href=\"imagens/bandeira.jpg\" rel=\"lightbox[roadtrip]\"><img src=\"imagens/".$caminho."\" width=\"163\" height=\"105\" /></a>

esqueceu de colcoar as barras invertidas no link também.
Posted Image
"Se quiser ser feliz por um dia, vingue-se; se quiser ser feliz por uma vida inteira, perdoe."

Muito Obrigado à todos do fórum, e à toda equipe do fórum! =)




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq