Autor Zpráva
Creation
Profil
Zdravim,
potreboval by som vediet ako spravim, ze ked ukazem kurzorom mysi na odkaz, tak sa mi zmeni obrazok umiestneny na stranke. Napriklad mam v hlavicke logo stranky a pod nim v menu odkazy. Pojdem na niektory odkaz a logo sa mi zmeni na iny obrazok ktory charakterizuje ten odkaz (polozku v menu). Za rady dakujem.
Bubák
Profil
http://diskuse.jakpsatweb.cz/index.php?action=vthread&forum=3&topic=85 982
Měsíček
Profil
Reaguji na Creationa:

Třeba takhle:
<div id="logo"> To je ta hlavička s logem </div>

<a  href="odkaz.html" 
    onmouseover ="document.getElementById('logo').style.backgroundImage='url(1.jpg)';" 
    onmouseout  ="document.getElementById('logo').style.backgroundImage='url(2.jpg)';" 
> Nějáký odkaz </a>
ultapako
Profil *
http://www.jakpsatweb.cz/javascript/document-adresovani.html (Změna obrázku)
Měsíček
Profil
Reaguji na Ultrapaka:

Jenže on nechce změnit obrázek ;-) On chce pouze změnit vlastnost background u nejspíše <div>u. Mimochodem já už řešení napsal a Bubákův odkaz je také velice výstižný.
Bubák
Profil
On chce pouze změnit vlastnost background
Jestli jde Creationovi o tag img, nebo CSS vlastnost background, jde zjistit jedině použitím křišťálové koule.
Pro zajímavost měnit obrázek, nebo pozadí, při přejíždění odkazů v menu; jde i bez javascriptu, stačí CSS.
Měsíček
Profil
Reaguji na Bubáka:

Ovšem zkloubením všech tří příkladů se dá použití koule vyhnout.

V každém případě se z mého prvního příkladu dá velice jednoduše dojít stejného efektu i kdyby místo <div> byl <img> a to pouze s nepatrnou změnou.

EDIT:

"Pro zajímavost měnit obrázek, nebo pozadí, při přejíždění odkazů v menu; jde i bez javascriptu, stačí CSS."

Bez JS si to nedovedu představit. Z JS pomocí změny className už ano. Jakpak by jsi to řešil ty?*

* (tedy hoverem jednoho prvku změnit vlastnosti jiného prvku bez použití JS)

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: