Autor | Zpráva | ||
---|---|---|---|
SamuelS Profil |
#1 · Zasláno: 4. 1. 2015, 21:40:43
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 |
#4 · Zasláno: 5. 1. 2015, 12:14:39
SamuelS:
Však Bubákův příklad je přechod. |
||
Časová prodleva: 4 dny
|
|||
Corwin Profil |
#5 · Zasláno: 9. 1. 2015, 14:29:14
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) |
||
Časová prodleva: 9 let
|
0