» Poradna » Web a internet

Zobrazení obrázku po malé chvilce: jQuery

Odpovědět  |  Zobrazit bez stromu  |  Upozornit redakci  |  nových odpovědí: 4/4
 | Microsoft Windows 8 Chrome 25.0.1364.36

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/jq... "></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.

Odpovědi na otázku

 |   |  Microsoft Windows 7 Firefox 18.0  |  [82.209.56.---]

<!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/jq... "></script><script type="text/javascript">$(document).ready(function(){$("a").hover(function() {var this_id = $(this).attr("id");setTimeout(function(){$("#"+this_id+" img").fadeIn(500);}, 2000);}, function() {$("img").fadeOut(500);});});</script><title>Náhledy</title><style>img {display: none;}</style></head><body><a id="a1" href="#">Obrazek 1<span><img src="img1.png"/></span></a><br /><a id="a2" href="#">Obrazek 2<span><img src="img2.png"/></span></a><br /><a id="a3" href="#">Obrazek 3<span><img src="img3.png"/></span></a><br /></body></html>

Souhlasím  |  Nesouhlasím  |  Odpovědět
 | Microsoft Windows 8 Chrome 25.0.1364.36

Tohle je adresa kde to mám http://scorpion.jecool.net/testy/nahledy.htmlKdyž si stránku načtu tak to napoprvé funguje jak má (mimochodem díky ), ale když na ten odkaz najedu ještě jednou tak se obrázek zobrazí bez prodlevy 2s. Mohl bys to prosím ještě doladit? Budu ti vděčný i když z toho nic mít nebudeš.

Souhlasím  |  Nesouhlasím  |  Odpovědět
 | Microsoft Windows 8 Chrome 25.0.1364.36

Aspoň pro dobrý pocit. PLS

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 7 Chrome 24.0.1312.52

$(this).find("img").fadeIn(500);

Souhlasím  |  Nesouhlasím  |  Odpovědět



Určitě si přečtěte


7 novinek, na které se můžete těšit v jarní aktualizaci Windows 10

7 novinek, na které se můžete těšit v jarní aktualizaci Windows 10

** Nová verze bude uvolněna v průběhu jara ** Přinese několik novinek a opět vylepší design systému ** Pravděpodobný název bude Spring Creators Update odkazující na dvě předešlé aktualizace

21.  2.  2018 | Vladislav Kluska | 68

Hokej online: jak sledovat olympijské zápasy na internetu

Hokej online: jak sledovat olympijské zápasy na internetu

** Hokejové zápasy na olympijských hrách můžete sledovat i online ** Oproti minulý rokům se servis zpravodajství z Olympijských her změnil ** Některé disciplíny půjde sledovat i ve virtuální realitě

23.  2.  2018 | Stanislav Janů | 5


Aktuální číslo časopisu Computer

Ochraňte svou techniku před zloději

Testy All-in-One PC a herních monitorů

Proč byste měli chtít HDR televizi

Svět leteckých simulátorů