Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá amigos, estou com um problema em meu codigo, quando clico na miniatura ela aparece em grande mais quando tira o mouse dela a imagem sai e não continua retorna para a primeira imagem queria deixar aparecendo a imagem que clicou e assim por diante, se alquem poder verificar o codigo para identificar onde está o erro ou oque está faltando e tambem poder cada imagem mesmo quando aparecer em grande ela poder ser clicada para aparecer no tamanho original para isto estou usando lightbox que quando clica na imagem ela aparece em grande na tela com fundo preto, veja o codigo abaixo.
CSS
<style type="text/css">
#galeria {
position: relative;
width: 220px;
margin: 1em auto;
padding: 5px;
background: #ffffff;
}
#galeria ul#thumbs {
clear: both;
padding: 1px;
list-style: none;
} display: inline;
margin: 0 0px;
} text-decoration: none;
} position: absolute;
visibility: hidden;
left: 5px;
} top: 5px;
cursor: default;
}
#galeria ul#thumbs li a:active img.full,
#galeria ul#thumbs li a:focus img.full
{
visibility: visible;
}
</style>
INDEX
<!-- abre galeria -->
<div id="galeria">
<!-- abre imagem e legenda default -->
<?
if ($BAnun['foto1'] != NULL) {
echo "<img border='0' src='../imagens/no_img_m.jpg'>";
}else{
?>
<a href="../img/<?echo $BAnun['pasta']."/".$BAnun['foto1']?>" rel="lightbox"><img border="0" src="thumb.php?img=../img/<?echo $BAnun['pasta']."/".$BAnun['foto1']?>"/></a>
<?
}
?>
<!-- fecha imagem e legenda default -->
<ul id="thumbs">
<?
for ($x=1;$x < 5;$x++){
$xnome = "foto$x";
?>
<li>
<a href="#nada">
<?
if ($BAnun[$xnome] != NULL){
?>
<img src="../imagens/no_img.gif" width="41" style="border:2px solid #5B7290;" height="41" alt="" />
<?
}else{
echo "<img style='border:2px solid #5B7290;' src=thumb2.php?img=../img/".$BAnun['pasta']."/".$BAnun[$xnome].">";
echo "<img border=0 class=full src=thumb.php?img=../img/".$BAnun['pasta']."/".$BAnun[$xnome].">";
}
?>
</a>
</li>
<?
}
?>
</ul>
</div>Carregando comentários...