JavaScript

Moc do klientskejch skriptů nevidim, ale potřeboval bych poradit s následující věcí :

Mám textové menu a vedle něho místo pro obrázek. Chci aby se při najetí myši na položku menu, objevil na tom místě obrázek příslušející položce menu. Prostě aby se ten obrázek měnil podle toho jak šmrdláte po menu s myší

Dík za rady.

<img name="jmeno_prvku" src="defaultni_obrazek">

<a href="#" onmouseover="jmeno_prvku.src='obrazek_k_polozce_menu'" onmouseout="jmeno_prvku.src='defaultni_obrazek'">Odkaz</a>

*
tag <img> si vloz tam, kde chces menit obrazky
onmouseover="..." - tohle se stara o zmenu obrazku v prvku *jmeno_prvku* pri najeti nad odkaz

onmouseout - vrati obrazek, po odjeti mysi

dik, zkusim to tak. budu muset do toho JS proniknout.

stip: Použij css, tohle pixyho řešení je už dost provařené a opravdu vychytané, já lepší neznám.

http://wellstyled.com/css-nopreload-rollovers.html

no funguje to, ale je problém s tim, že nejde dát na jedno místo více než dva obrázky (default a onmouseover). asi je tam budu muset napozicovat přes sebe. nebo se to dá udělat i jinak?

<a href="#" onmouseover="sekce1.src='img/01.gif'" onmouseout="sekce1.src='img/00.gif'">Odkaz 1</a>
<a href="#" onmouseover="sekce2.src='img/02.gif'" onmouseout="sekce2.src='img/00.gif'">Odkaz 2</a>
<a href="#" onmouseover="sekce3.src='img/03.gif'" onmouseout="sekce3.src='img/00.gif'">Odkaz 3</a>

<img name="sekce1" src="img/00.gif" />
<img name="sekce2" src="img/00.gif" />
<img name="sekce3" src="img/00.gif" />

jejda už je tady odpověď, tak já kouknu na toho Pixyho.

no tak to je sice dobré ale nepomohlo mi to. pomocí CSS to nejde protože ty obrázky jsou jinde. nejsou na pozadí toho odkazu a tak se stavy na <a> nemají žádnou souvislost.

stip: Tak je dej na pozadí, to přece není problém, ne?

Aha, už jsem pochopil, jak to myslíš. Soráč...

asi takhle potřeboval bych do JS přeložit následující:

nějak nebo někam načíst obrázky 1.gif až 8.gif.
<img src="promena_obrazek">
když onmouseover = x tak promena_obrazek=x

<a href="#" onmouseover="img/1.gif"> Odkaz 1</a>
<a href="#" onmouseover="img/2.gif"> Odkaz 2</a>
...
...
...
<a href="#" onmouseover="img/8.gif"> Odkaz 8</a>

Abyste viděli, že nejsem tak blbý, jak z minulého příspěvku vypadalo, vyřešil jsem to (to jsem ale dobrý - pochválím se raději sám):

<a href="#" onmouseover="sekce.src='1.gif'" onmouseout="sekce.src='0.gif'">NOVINKY</a>
<a href="#" onmouseover="sekce.src='2.gif'" onmouseout="sekce.src='0.gif'">TEXTY</a>
<a href="#" onmouseover="sekce.src='3.gif'" onmouseout="sekce.src='0.gif'">GALERIE</a>

<img name="sekce" src="0.gif" />

jestli má někdo nápad jak to udělat lépe (myslí si že je chytřejší než já) tak sem s tím.

stip:
Presne takhle jsem to myslel, asi jsem to blbe napsal, jestli to vypadalo, ze tech img tagu tam musi bejt vic... Jinak jsem moc chytrej :)

No jo, máš recht napsals to přesně stejně :o) Jenomže já o JS ještě v poledne nic nevěděl tak jsem to blbě pochopil. Tak jsem si o něm něco přečetl, doteklo mi to samo a k tvému původnímu nápadu už jsem se nevrátil. Tak dík.

stip:
tak je to stejne lepsi, myslim to, zes na to prisel sam, zes to neobsleh...
jo a diky za napad, taky zkusim neco podobnyho :)

← Zpět na všechna témata

Nové příspěvky

Smazani stranek index.html ) HTML Tabulky Zalamování textu pomocí CSS Přesměrování Arduino - 400 Bad Request Nastavení českých písmen POMOC! po druhé! Pozicování (obrázek na střed). Jak vycentrovat obrazek, ktery je v prikazu absolute ? Použití tvůrce webu katalog async functions' is only available in es8 (use 'esversion: 8') Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0 Problém s načítáním Div pro reklamu překrývá prvky webové stránky Nezobrazuje se mi lišta s reklamou ako nahrám na môj web favicon? JavaScript - nečitelný soubor *.js - jak prohlížet/editovat Problém s textem videostream index.html GB///refresh///JS Total Commander - server nenalezen Mobilní verze webu

Další témata

Webzdarma zvládnete to sami

JavaScript

Nové příspěvky