Změna obrázku

Brej den...
Kdysi jsem potřeboval kód na to, že když myš přejede přes jeden obrázek, obrázek se změní na jiný a když myš odjede, změní se zpátky.... dostal jsem od vás odkaz na stránku, kde byl tento script:
<style type="text/css">

#down a {
display:block;
width:123px;
margin: em 0; padding:0px 0 10px 20px;
font: bold 14px/1 sans-serif;
color:#c60;
background: url("..\Obrazky\Dolu.bmp") 0 0 no-repeat;
text-decoration: none;
}
#down a:hover {
display:block;
width:123px;
margin: em 0; padding:0px 0 10px 20px;
font: bold 14px/1 sans-serif;
color:#c60;
background: url("..\Obrazky\Nahoru.bmp") 0 0 no-repeat;
text-decoration: none;
}

</style>

Ten ale v Mofille Firefox nefunguje... a tak se vás tedy ptám znovu, jestli byste mi neuměli poradit.

Tak:
za prvé, není to script, ale CSS
za druhé, místo \ tam má být /
za třetí, formát .bmp se na webu nepoužívá.

Quinix: toho bmp si jsem vědom a přepíšu to....
S tím JavaScriptem jsem se spletl a díky za ty lomena!

... bmp se sice nepoužívá, ale funguje. Navíc některé hodně malé obrázky můžou být v bmp výhodné.

MzM: třeba 1px x 1px?

heh, dobrý thread ;)

Džej Ár: Proč?

třeba..

astronom:
imho stačí (ta druhá část)
#down a:hover {
background: url("../Obrazky/Nahoru.bmp") 0 0 no-repeat;
}

páč všechno ostatní je zdá se stejný.
Jinak doporučuju přestat z výchovných důvodů používat velký písmena v názvech souborů a adresářů.

dis, může mít řádkový element background?

hm.. to je ale zapeklitá otázka...
ale jpw praví "Každému prvku html stránky se dá nastavit obrázek na pozadí." ... "Některým tagům v některých prohlížečích a operačních systémech se nedá nastavit obrázek na pozadí. Jde samozřejmě o tag iframe (v žádném prohlížeči), a tagy <select> a <option> v Internet Exploreru."

takže asi jo

ále když už se v tom rejpu:
margin: em 0; // to je dost velká blbost
font: bold 14px/1 sans-serif; // tohle je taky nějak podezřele divný

Jinak to, že se změní obrázek po najetí myši, je dáno tím, že odkaz v prvku, který má id='down', má normálně na pozadí jeden obrázek, a při najetí myší (hover) jiný. Všechno ostatní v tom stylu je jiné formátování, které na samotnou výměnu obrázku nemá vliv.