Autor Zpráva
newmaster
Profil *
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
newmaster
co třeba pomocí CSS?
img
{
background-image: url('xxx.gif');
}

img:hover
{
background-image: url('yyy.gif');
}
ShiraNai7
Profil
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">&nbsp;</a>



Akacko: To by nešlo v msie, ne? Pokud vím, tak ten umí hover jen na odkazech.
Joker
Profil
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
Něco obdobného jako na wellstyled, http://weblog.plavacek.net/2005-03.html#1110452481
newmaster
Profil *
DIk moc panove. Pouzil jsem odpoved co mi napsal ShiraNai7. Funguje to perfektne.
Dekuji i vam ostatni
Str4wberry
Profil
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ů Jokerasmajliho.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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