» 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


Tesla chce změnit nákladní dopravu. Její elektrický náklaďák má ohromující parametry

Tesla chce změnit nákladní dopravu. Její elektrický náklaďák má ohromující parametry

** Tesla představila elektrický kamion ** Má obdivuhodný výkon i dojezd ** Prodávat by se měl už za dva roky

17.  11.  2017 | Vojtěch Malý | 237

Dnes je Black Friday: Přehled slev na elektroniku a počítače

Dnes je Black Friday: Přehled slev na elektroniku a počítače

** Začala slevová mánie zvaná Black Friday ** Pozor, ne všechny slevy jsou opravdu výhodné ** Průběžně sledujeme slevové akce v počítačových e-shopech

22.  11.  2017 | David Polesný | 37

Google Mapy mají nový design. Líbí se vám víc než předchozí? Tady je srovnání

Google Mapy mají nový design. Líbí se vám víc než předchozí? Tady je srovnání

** Nový design Google Map přijde na počítače i mobilní telefony. ** Zaměřuje se na zvýraznění konkrétních míst, mapové podklady jsou mnohdy upozaděné. ** Lépe pracuje s chráněnými oblastmi a parky.

20.  11.  2017 | Vladislav Kluska | 30

Microsoftu se invaze na Android daří, jeho launcher aktivně používá přes milion lidí

Microsoftu se invaze na Android daří, jeho launcher aktivně používá přes milion lidí

** Microsoft se zabydluje na platformě Android ** Nedávno představený launcher už používá milion uživatelů ** Je to stále jen zanedbatelný zlomek uživatelů Androidu, ale slibný růst

22.  11.  2017 | Vladislav Kluska | 35


Aktuální číslo časopisu Computer

Otestovali jsme 5 HDR 4K televizorů

Jak natáčet video zrcadlovkou

Vytvořte si chytrou domácnost

Radíme s koupí počítačového zdroje