Ir para conteúdo

POWERED BY:

Arquivado

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

Dumont

Galeria de Imagens

Por , em Javascript

Recommended Posts

Dumont    0

Dumont
Postado

Estou com um mega problema na minha galeria e preciso de entregar este trabalho esta semana. Bem no admin eu insiro as fotos numa determinada pasta..tudo funciona ok..depois para mostrar estou a tentar utilizar o lightbox. Já tenho os ficheiros jquery.lightbox e jquery.js e consigo ver as fotos listadas da base de dados. Mas quando clico na foto para mostrar a foto no tamanho original no gerenciador de fotos da lightbox não dá..

Aqui vai o codigo..agradeço qualquer ajuda

 

<?php
require_once('config.php');
?>
 <?php

mysql_select_db($database, $link);
$query_RsFotos = "SELECT * FROM galeria ORDER BY id_foto DESC";
$RsFotos = mysql_query($query_RsFotos, $link) or die(mysql_error());
$row_RsFotos = mysql_fetch_assoc($RsFotos);
$totalRows_RsFotos = mysql_num_rows($RsFotos);
?>
<!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" />
 <link href="projecto1.css" rel="stylesheet" type="text/css">
<title>Fundação Betânia</title>
<!-- Arquivos utilizados pelo jQuery lightBox plugin -->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
<!-- / fim dos arquivos utilizados pelo jQuery lightBox plugin -->
    
<!-- Ativando o jQuery lightBox plugin -->
 <script type="text/javascript">
    $(function() {
        $('#gallery a').lightBox();
    });
    </script>
   	<style type="text/css">
	/* jQuery lightBox plugin - Gallery style */
	#gallery {
		background-color: #ffffff;
		padding: 10px;
		width: 410px;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 5px solid #3e3e3e;
		border-width: 5px 5px 20px;
	}
	#gallery ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px 5px 20px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }
	</style>

<style type="text/css">
div#scrollbar1, div#scrollbar2, div#scrollbar3 {
    display:none; /* hide from incapable */
    }
a:link {
	color: #CCC;
}
a:visited {
	color: #999;
}
</style>

</script>
<body>

<?php
 include ('layout.php');
?>

<div id="texto" style="overflow:auto">
<div align="center" id="gallery" style="overflow:auto">
          <?php do { ?>
          	  <a href="admin/galeria/fotos/<?php echo $row_RsFotos['path']; ?>"> 
              <img src="admin/galeria/fotos/<?php echo $row_RsFotos['path']; ?>" width="80" /></a>  
          <?php } while ($row_RsFotos = mysql_fetch_assoc($RsFotos)); ?>
 </div>
</div>

            
    <!-- InstanceEndEditable --></td>
  </tr>
<?php
mysql_free_result($RsFotos);
?>
</body>
</html>

Vamos lá pessoal..uma pequena ajuda..é mesmo importante..

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Mas quando clico na foto para mostrar a foto no tamanho original no gerenciador de fotos da lightbox não dá..

 

e oque essa tua frase significa ?

 

'não dá' é muuuuito, mas muuuito vago

quase impossível adivinharmos oque está acontecendo de errado, e ai, partirmos pra uma solução, por essa descrição.

 

as miniaturas aparecem?

qndo você clica, você é levado pra foto grande em outra janela ? ou não ?

os caminhos dos arquivos js estão corretos ?

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito