Autor Zpráva
wheelmenman
Profil
když je kurzor na tom obrázku tak je ten obrázek barevný pokud je mimo ten obrázek tak je ten obrázek černobílý a přechod něják třeba že za 1 sec by byl ten přechod z černobílého na barevný a naopak ...

Byl by jsem velmi rád kdyby jste mi pomohli a hned neříkali unavenému strýčkoj google :)

Děkuji mnohokrát!
margin
Profil *
http://webdesignerwall.com/demo/html5-grayscale/
php
Profil
tak určitě budeš potřebovat 2 obrázky - barevnej originál a jeho černobílou kopii, dále pak JS události - onMouseOver a onMouseOut (http://www.jakpsatweb.cz/javascript/udalosti.html)
přechod uděláš jednoduše pomocí těch událostí: najedu na obrázek skryj černobílou kopii a zobraz barevný originál, s jedu z obrázku skryj originál zobraz kopii, horší to bude s tím postupným přechodem možná by šlo použít něco jako nastavování průhlednosti pomocí css (obj.style.opacity = x), přičemž by si průhlednost v nějakým cyklu vždycky zvětšoval, ale tím si nejsem úplně jistý jestli to bude fungovat a nebo se pak kouknout na některý již hotový JS frameworky jako třeba mootools atd.
wheelmenman
Profil
viděl jsem někde ale bohužel už nevím kde ale ten přechod byl přez nějáký script ... zkusím se ještě mrknout na nějáké ty weby ..
1Pupik1989
Profil
setinterval na funkci, která bude snižovat nebo zvyšovay opacity. časování bude po 100ms. hlavní je v css nastavit, aby se překrývali, takže absolutní nebo relativní pozice. další věc je zapsat do css souboru i hover, aby se obrázek skryl i bez javascriptu.

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

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

0