» 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

Šéf amerického Red Hatu: Odpojte Brno od internetu a zhroutíme se

Šéf amerického Red Hatu: Odpojte Brno od internetu a zhroutíme se

** V Česku najdete hromadu skvělých vývojářů ** Mnozí z nich přispívají do open-source ** Třeba v brněnském Red Hatu

Jakub Čížek | 51

Porno insider: Jak virtuální realita vstupuje do filmů pro dospělé

Porno insider: Jak virtuální realita vstupuje do filmů pro dospělé

** Pornografie údajně představuje třetinu internetové obsahu a je technologický tahounem ** Do erotického obsahu postupně zasahuje i virtuální realita ** Kromě vizuálního vjemu se pracuje také na virtuálním uspokojení toho hmatového

Jan Dudek | 28

PrusaLab a FutLab: Praha se dočkala špičkových komunitních dílen pro hackery

PrusaLab a FutLab: Praha se dočkala špičkových komunitních dílen pro hackery

** Nejprve svoji velkou dílnu otevřelo Brno ** Letos se přidala i Praha ** Nabízí malé 3D tiskárny i velké průmyslové stroje

Jakub Čížek | 11

WALL-E vyfotil Zemi ze vzdálenosti 1 milionů km

WALL-E vyfotil Zemi ze vzdálenosti 1 milionů km

** Malá sonda s přezdívkou WALL-E pořídila fotografii Země a Měsíce ze vzdálenosti 1 milionů km ** CubeSat letí se sondou InSight k Marsu ** InSight přistane na Marsu 26. listopadu

Petr Kubala | 4

15 věcí, které umí Windows 10, ale možná o nich vůbec nevíte

15 věcí, které umí Windows 10, ale možná o nich vůbec nevíte

** Systém Windows 10 umí spoustu užitečných drobností ** O mnoha praktických funkcích pravděpodobně ani nevíte ** Poznejte užitečné tipy, které se vám mohou hodit každý den

Vladislav Kluska | 30

Nechcete platit za Total Commander? Těmito bezplatnými programy ho můžete nahradit

Nechcete platit za Total Commander? Těmito bezplatnými programy ho můžete nahradit

** Total Commander je na Windows takřka legendou ** Licence však stojí více než tisíc korun ** Našli jsme pro vás deset alternativ dostupných zdarma

Karel Kilián | 111

Google ADT-2: Miniaturní krabička s Android TV 8.0, kterou si nikdy nekoupíte

Google ADT-2: Miniaturní krabička s Android TV 8.0, kterou si nikdy nekoupíte

** Dlouho se nevědělo, co to přesně má být ** Pak se s krabičkou Google pochlubil na I/O ** Do „Chromecastu“ vtěsnal celý Android TV

Jakub Čížek | 22


Aktuální číslo časopisu Computer

Kdy necháme řídit chytrá auta?

6 Wi-Fi Mesh systémů ve velkém testu

Srovnali jsme 7 sportovních kamer

Znáte pravidla pro létání s drony?