Autor Zpráva
[DT]
Profil *
Zdravím, jak nastavím aby po najetí myši se zobrazil spodni obrázek a naopak? Vůbec netuším jak bych toho docílil. děkuju

l564
Profil
CSS, HTML
a {display: block; width: 304px; height: 228px; overflow: hidden;}
a:hover {text-indent: -304px;}
a img {border: none;} 


<a href="#"><img src="motyl12.jpg" width="608" height="228" alt="Tropický motýl" /></a>


Byl to příklad pro tento obrázek:
panther
Profil
[DT]:
pokud to je obrázek (<img>), tak javacriptem. Pokud je to designová záležitost (background), tak CSSkem (a :hover).
l564
Profil
panther:
Víz, jak jsem psal [#2]
Bubák
Profil
l564:
Víz, jak jsem psal [#2]
Ve tvém kódu nevodím "background", který zmiňoval panther, pokud je to změnou pozadí, tak třebas takto:
http://teststranek.kvalitne.cz/css-rollover/
soucekgns
Profil
Bubák:
http://teststranek.kvalitne.cz/css-rollover/
pokud zde máš jen dvě části obrázků, tak stačí
background-position: bottom;

ale pokud máš třeba 5 částí obrázků, musíš:
background: url(ano-ne.png) left top;/*bod 0:0 je vlevo nahoře*/
1. obrázek: background-position: 0px 0px;/*bod 0:0 pro zobrazovaný výřez obrázku je 0px zleva a 0px shora */
2. obrázek: background-position: 0px -30px;/*bod 0:0 pro zobrazovaný výřez obrázku je 0px zleva a 30px shora */
3. obrázek: background-position: 0px -60px;/*bod 0:0 pro zobrazovaný výřez obrázku je 0px zleva a 60px shora */
[DT]
Profil *
Zdarvím, mě to nejak nefunguje. Mužete mi říct co dělám špatně?
www.edisk.cz/stahni/93535/test.zip_2.11KB.html
Bubák
Profil
Nepoužívej nepoužívej obrácená lomítka a nepoužívej cesty, které vedou na disk.

Tip
Používáš PSPad, takže příště napřed ulož soubor a PSPad při "vyklikání" obrázku (nebo odkazu) udělá automaticky správný relativní odkaz.

Dodatek:
Protože je IE ve quirk režimu a text odkazu je delší, než je šířka odkazu, zobrazí ti tvůj pokus IE jinak, než ostatní prohlížeče. Není problém zobrazení sjednotit na tebou požadované.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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