Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá a todos volto aqui com mais uma dúvida..estou tentando criar um efeito de quando o mouse passar em cima da Foto apareça uma legenda.
consegui fazer mas quando passo o mouse em cima de Foto a Ação dispara para todas as outras. quero que cada um legenda apareça individualmente para cada foto.
desde já agradeço atenção de vcs todos, muito obrigado.
segue o código abaixo.
<!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" />
<title>galeria</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(" #galeria ul li h1 ").hide();
$(" #galeria ul li ").hover(
function over(){ $("#galeria ul li h1").slideDown("fast"); },
function out() { $("#galeria ul li h1").slideUp("fast"); }
)
})
</script>
<style type="text/css"></style>
</head>
<body>
<div id="galeria">
<ul>
<li>
<img src="http://www.lelilaschic.com.br/florpermanente.jpg"/>
<h1> Legenda 01 </h1>
</li>
<li>
<img src="http://www.lelilaschic.com.br/florpermanente.jpg"/>
<h1> Legenda 01 </h1>
</li>
<li>
<img src="http://www.lelilaschic.com.br/florpermanente.jpg"/>
<h1> Legenda 01 </h1>
</li>
<li>
<img src="http://www.lelilaschic.com.br/florpermanente.jpg"/>
<h1> Legenda 01 </h1>
</li>
<li>
<img src="http://www.lelilaschic.com.br/florpermanente.jpg"/>
<h1> Legenda 01 </h1>
</li>
</ul>
<div style="clear:both"></div>
</div>
</body>
</html>Carregando comentários...