W dniu 2011-08-17 11:46, Marek pisze:
> Witam,
>
> Roll over ma być fotografią czarnobiałą. Po najechaniu robi się ona
> kolorowa. Zdjęcie w oryginale będzie tylko jedno - kolorowe. Czy jest jakiś
> sposób na spowodowanie aby fotka była monochromatyczna pod "istotnymi"
> przeglądarkami? Ostatecznie zastosuję Flash'a lecz wolałbym tego uniknąć.

najprostsze sa dwie metody:
1. robimy 2 obrazki, kolorowy i czarno-bialy i laczymy go w jeden, tak
aby sasiadowaly ze soba. robimy diva, ktoremu nadajemy w css atrubut
width height background-image background-position (wycinamy nasze
zdjecie wymiarami i pozycja tla). nastepnie robimy dla diva :hover z
pozycja background przesunieta o dlugosc (lub szerokosc, w zaleznosci
jak polaczylismy obrazki) obrazka. duza zaleta jest preloadowanie
drugiego obrazka (bo w rzeczywistosci przegladarka laduje jeden)

2. uzywamy js do podmiany src dla img:
<img src='pics/kolor.jpg'
onMouseOver="this.setAttribute('src','pics/czb.jpg')
;"
onMouseOut="this.setAttribute('src','pics/kolor.jpg'
);" />

zaleta tego rozwiazania jest, ze strona bedzie wyswitelac obrazek
niezaleznie od css czy js. Wada, ze bedzie zauwazalny pierwszy moment
zmiany obrazka. Mozna to rozwiazac pakujac w innym miejscu czarno-bialy
obrazek do diva z warroscia stylu display:none. Jest to jednak malo
eleganckie, ze wzgledu na to, ze przy wylaczeniu styli obrazek nam sie
dodatkowo wyswietli.

--
the_foe