Autor | Zpráva | ||
---|---|---|---|
newmaster Profil * |
#1 · Zasláno: 2. 6. 2008, 09:27:46
Dobrý den!! Prosím Vás mám takový dost amaterský problém, ale nevím co s ním. Zkoušel jsem i hledat jak na foru tak na webu a nic jsem nenašel co by se týkalo mého problému.
Chtěl bych aby se mi při najetí myší změnil obrázek. Vím že se to zadává příkazem hover, ale neumím ho zapasovat do zdrojového kodu. Odkaz jsem si udělal takhle <a href="index.html"><img src="xxx.gif"></a> A těďka bych potřeboval aby obrázek yyy.gif se mi ukázal po najetí na odkaz xxx.gif. Opravdu si s tím nevím rady. Dík moc |
||
Akacko Profil |
#2 · Zasláno: 2. 6. 2008, 09:35:06 · Upravil/a: Akacko
newmaster
co třeba pomocí CSS? img { background-image: url('xxx.gif'); } img:hover { background-image: url('yyy.gif'); } |
||
ShiraNai7 Profil |
#3 · Zasláno: 2. 6. 2008, 09:36:20 · Upravil/a: ShiraNai7
Do stylu dát:
#obrazkovyodkaz {display: block; background: transparent url('xxx.gif') no-repeat; width: 128px; height: 96px;} #obrazkovyodkaz:hover {background-image: url('yyy.gif');} ... a do HTML kódu: <a href="index.html" id="obrazkovyodkaz"> </a> Akacko: To by nešlo v msie, ne? Pokud vím, tak ten umí hover jen na odkazech. |
||
Joker Profil |
#4 · Zasláno: 2. 6. 2008, 09:36:20
newmaster
Pokud jde o něco jako měnící se tlačítka, mohlo by pomoci tohle: http://www.wellstyled.com/css-nopreload-rollovers.html |
||
smajli Profil |
#5 · Zasláno: 2. 6. 2008, 10:27:21
Něco obdobného jako na wellstyled, http://weblog.plavacek.net/2005-03.html#1110452481
|
||
newmaster Profil * |
#6 · Zasláno: 3. 6. 2008, 20:45:12
DIk moc panove. Pouzil jsem odpoved co mi napsal ShiraNai7. Funguje to perfektne.
Dekuji i vam ostatni |
||
Str4wberry Profil |
#7 · Zasláno: 3. 6. 2008, 20:55:25
Reakce na newmastera:
„Funguje to perfektne.“ Perfektně dost těžko. Při hoveru se teprve začne načítat druhý obrázek, takže (než se načte) bude odkaz bez obrázku. Doporučuji měnit pozici pozadí — tedy mít jeden obrázek; viz odkazy kolegů Jokera a smajliho. |
||
Časová prodleva: 16 let
|
0