» Poradna » Web a internet

Zobrazení obrázku po malé chvilce: jQuery

 | 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

<!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

Praktické vychytávky, které si chcete doinstalovat do Windows

Praktické vychytávky, které si chcete doinstalovat do Windows

** Pokud vás nudí vzhled nabídky Start, snadno jej můžete změnit. ** Stejně tak existují programy na přidání záložek do programů. ** Spokojit se ani nemusíte se základním ovládáním hlasitosti.

Vladislav Kluska | 45

Roboruka se 100 let učila otočit kostičku. Skutečné A.I. se možná nikdy nedočkáme

Roboruka se 100 let učila otočit kostičku. Skutečné A.I. se možná nikdy nedočkáme

** Strojové učení v posledních deseti letech dokázalo divy ** Používáme ho dnes každý den nejen ve vyhledávači ** A přesto se člověku nepřibližuje ani náznakem

Jakub Čížek | 59

Loopwheels znovu vymyslelo kolo. Místo drátů má v ráfcích kompozitové pružiny, které vylepší komfort jízdy

Loopwheels znovu vymyslelo kolo. Místo drátů má v ráfcích kompozitové pružiny, které vylepší komfort jízdy

** Proč vymýšlet kolo? Protože ho lze vymyslet lépe! ** Kola Loopwheels nabízejí integrované odpružení ** Cílem je poskytnout pohodlnější a klidnější jízdu

Karel Kilián | 14

Jak a proč používat alternativní DNS: Zrychlí internet a odblokuje weby

Jak a proč používat alternativní DNS: Zrychlí internet a odblokuje weby

** Alternativní DNS servery mohou zpříjemnit surfování na internetu ** Existuje několik ověřených alternativ, nejen známé DNS od Googlu ** Alternativní DNS však mají i své nevýhody, pozor na ně

Petr Březina | 33

Lenovo přivezlo na IFA 2018 skutečné inovace. Tyto tři notebooky stojí za to

Lenovo přivezlo na IFA 2018 skutečné inovace. Tyto tři notebooky stojí za to

** Yoga C930 nabídne revoluční reproduktor v kloubu displeje ** Yoga Book C930 představuje zdařilý reparát podivného Yoga Booku ** ThinkPad X1 Extreme se může pochlubit extrémní výbavou v tenkém těle

Tomáš Holčík | 16

Nedávno detekovaná potulná planeta je ohromné magnetické monstrum

Nedávno detekovaná potulná planeta je ohromné magnetické monstrum

** Astronomové nedávno zaznamenali pozoruhodné prvenství ** Poprvé s radioteleskopem detekovali planetární objekt za hranicemi Sluneční soustavy ** Stejně tak poprvé změřili magnetické pole takové planety

Stanislav Mihulka | 6


Jízdní řády Bileto
Aktuální číslo časopisu Computer

Megatest: 13 grafických karet

Srovnání 7 dokovacích stanic s USB-C

Jak na perfektní noční fotografie

Kvalitní zdroje informací pro sebevzdělávání