Mám tento kód:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html" charset="UTF-8" />
<script type="application/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<title>Náhledy</title>
<style>
img {
display: none;
}
</style>
</head>
<body>
<a href="#">Obrazek 1<span><img src="img1.png"/></span></a><br />
<a href="#">Obrazek 2<span><img src="img2.png"/></span></a><br />
<a href="#">Obrazek 3<span><img src="img3.png"/></span></a><br />
<script>
$(document).ready(function()
{
$("a").hover(
function()
{
setTimeout(function(){$("img").fadeIn(500);}, 2000);
}, function()
{
$("img").fadeOut(500);
}
);
});
</script>
</body>
</html>
Po najetí na odkaz se má zobrazit obrázek přiřazený danému odkazu se spožděním 2 sekundy. Problém je v tom, že když najedu nad jakýkoliv odkaz tak se mi zobrazí všechny obrázky. Vím, že bych měl nějak použít slovo this, ale nevím jak. Prosil bych o přímou radu ne rady typu "použij Google". Díky. Nechce se mi jQuery teď učit, je to jednorázovka, kterou musím vyřešit.