galeria de fotos maluca

[Eduardo Giullyanny 1]

Bom dia amigos;

 

minha duvida é o seguinte

vejam meu codigo primeiro.:

 

javascript

<script type="text/javascript">
function chamaImg(img){
document.getElementById(img).style.display = 'block'
}
</script>

 

CSS

<style type="text/css">
.galeria {margin:0 auto; padding:0; width:100%;}
.img-grande {margin:0; padding:0; width:400px; height:auto; border:none;}
ul.fotos {margin:0; padding:0; list-style:none; width:100%; height:auto; background:#999; float:left;}
ul.fotos li {margin:0; padding:2px; width:90px; height:68px; float:left;}
ul.fotos li img {margin:0; padding:0; width:90px;}
ul.fotos li	span img {margin:0; padding:0; width:400px; height:auto; border:none;}
ul.fotos a span {display:none; margin:0; padding:0; position:absolute; top:100px; left:0; border:none;}
</style>

 

html

<div class="galeria">
<div class="img-grande"></div>
<ul class="fotos">
<?php
include('../_add/init.php');
$sqlGImg = "SELECT * FROM galerias_img INNER JOIN galerias WHERE galerias_img.idGalerias=7 AND galerias.idGalerias=7";
$queryGImg = mysql_query($sqlGImg) or die (mysql_error());
while($rowGImg = mysql_fetch_object($queryGImg)){
?>
   	<li><a href="javascript: chamaImg(<?php echo $rowGImg->idImgGalerias; ?>);">
       	<img src="../_img/_upload/galerias/<?php echo $rowGImg->pastaGalerias; ?>/<?php echo $rowGImg->imgImgGalerias; ?>">
       	<span id="<?php echo $rowGImg->idImgGalerias; ?>"><img src="../_img/_upload/galerias/<?php echo $rowGImg->pastaGalerias; ?>/<?php echo $rowGImg->imgImgGalerias; ?>"></span></a>
       </li>
<?php
}
?>
   </ul>    
</div>

 

qdo eu clico na imagem ela aparece, mas por exemplo, se eu clico na segunda imagem e depois eu clico na primeira ele não mostra a anterior...

 

fui mexendo nos codigos até q percebi q ela chama a imagem, mas ela fica por baixo da imagem apos...

ela a contece assim, se eu seleciono a primeira ele aparece, ai eu vejo a segunda e ela aparece ai qdo eu quero ver a primeira novamente ela não aparece pois ela ficou abaixo da segunda e assim acontece se eu escolha a ultima ela mostra apenas a ultima pois as outras ficaram tudo abaixo da ultima...

 

 

aguardo resposta...

[William Bruno 1501]

poste o HTML gerado pelo teu php, para entendermos melhor oque você está fazendo.

 

Ctrl + U ( Exibir > Codigo Fonte )

eu imaginei algo do tipo:

 

<script type="text/javascript">
function chamaImg(img){
       document.getElementById('img-grande').src = img;
}
</script>

e então:

        <div class="img-grande"><img src="" id="img-grande" /></div>
       <ul class="fotos">
<?php
include('../_add/init.php');
       $sqlGImg = "SELECT * FROM galerias_img INNER JOIN galerias WHERE galerias_img.idGalerias=7 AND galerias.idGalerias=7";
       $queryGImg = mysql_query($sqlGImg) or die (mysql_error());
       while($rowGImg = mysql_fetch_object($queryGImg)){

      $img = '../_img/_upload/galerias/'.$rowGImg->pastaGalerias.'/'.$rowGImg->imgImgGalerias;
?>
       <li><a href="javascript: chamaImg('<?php echo $img; ?>');">