| Autor | Zpráva | ||
|---|---|---|---|
| [DT] Profil * |
#1 · Zasláno: 31. 3. 2011, 21:01:45
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 |
#2 · Zasláno: 31. 3. 2011, 21:05:57 · Upravil/a: l564
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 |
#3 · Zasláno: 31. 3. 2011, 21:08:09
[DT]:
pokud to je obrázek ( <img>), tak javacriptem. Pokud je to designová záležitost (background), tak CSSkem (a :hover).
|
||
| l564 Profil |
#4 · Zasláno: 31. 3. 2011, 21:13:05 · Upravil/a: l564
panther:
Víz, jak jsem psal [#2] |
||
| Bubák Profil |
#5 · Zasláno: 31. 3. 2011, 21:56:24
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 |
#6 · Zasláno: 1. 4. 2011, 23:34:49
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 * |
#7 · Zasláno: 2. 4. 2011, 19:41:39
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 |
#8 · Zasláno: 2. 4. 2011, 21:18:04 · Upravil/a: Bubák
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é. |
||
|
Časová prodleva: 13 let
|
|||
0