Autor Zpráva
SamuelS
Profil
Ahoj potreboval by som upraviť v toto kóde : <img src=" URL 1. OBRÁZKA "style="height: 120px; width: 100px;';" onmouseover="this.src=' URL 2. OBRÁZKA ';" onmouseout="this.src=' ZNOVU URL 1. OBRÁZKA ';"> to aby tam bol efekt pomalšieho prepínania. ďakujem.
Bubák
Profil
Nelze, musíš to udělat (trochu) jinak, třebas takto:
http://teststranek.kvalitne.cz/blend-hover-01/ (koukni do zdrojového kódu)
Mimo téma, pro obrázky je výhodnější deklarovat rozměry klasicky, HTML atributy height a width.
SamuelS
Profil
Bubák:
Nepochopil si ma. Ja chcem efekt prechodu a nie farby. :-)
Joker
Profil
SamuelS:
Však Bubákův příklad je přechod.
Corwin
Profil
a) javascript : vemeš div, do něj absolutně napozicuješ 2 obrázky, na over dáš prvnímu fadeOut() druhému fadeIn(), následně naopak. přes jQuery poměrně snadná záležitost

b) css : vemeš div, dáš mu obrázek na pozadí, na hover změníš obrázek na jiný. pak když tomu dáš CSS transition, udělá to pěkný efekt. (jen to není 100% podporované ve všech prohlížečích)

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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