Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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...
Carregando comentários...