[Blant]

Witam,
potrzebuję kodu który będzie rozjaśniał lub zmieniał kontrast wyznaczonego "kwadratu" w opcji image map gimp'a. Analogicznie oczywiście przydał by się onmouseout. Z php i css'em miałem nie wiele do czynienia dlatego nawet nie wiem jak tego szukać w internecie.

Z góry dziękuję za odpowiedź,
Pozdrawiam, Blant

[savaro]

Stwórz dwa obrazki różniące się tylko jasnością lub kontrastem w miejscu gdzie wyznaczasz "kwadrat". onMouseover będzie ustawiał obrazek 2 a onMouseout obrazek 1.

Coś takiego:

Kod:

<img src="obraz1.jpg" width="--szerokość--" height="--wysokość--"  name="obraz" border="0" usemap="#map" />
<map name="map">
<area shape="rect" coords="84,142,336,234" onmouseover='obraz.src="obraz2.jpg"' onmouseout='obraz.src="obraz1.jpg"'href="---link---" />
</map>

[Ravicious]

Pomysł savaro rozwiąże Twój problem, ale:
- w brzydki sposób,
- renderujesz kod HTML za pomocą programu do tworzenia grafiki

http://jsfiddle.net/zX9t2/ - hasło do wyszukania: "css sprites". Jeśli stworzysz dwa osobne obrazki, np. jeden zwykły, a drugi ze zmienionym kolorem, to ten drugi będzie musiał się załadować, kiedy najedziesz na niego kursorem. Niezbyt dobrze to wygląda.

[savaro]

Blantowi chodziło o image map, więc podałem. Renderujesz właściwie tylko współrzędne.
Jeśli dobrze rozumiem to chodziło mu o podświetlenie określonego fragmentu obrazka, a nie zmianę całego.

Rozwiązanie optymalne:
 div którego tłem jest cały obrazek
 w divie odnośnik którego tłem jest określony fragment obrazka + efekt hover

[kaef]

Hmm.. Sorki, że się wtrącam, ale rozwiązaniem optymalnym byłoby pierwsze rozwiązanie podane przez savaro, ale musisz do tego dodać skrypt preloadowania obrazów, wtedy będzie cacy śmigać:
http://atos.wmid.amu.edu.pl/~psi/informatyka/javascript/preload.html

[savaro]

A właściwie po co stosować image map. Tutaj efekt:http://savaro.republika.pl/diamenty/diament.html

W tle może się znajdować dowolny obraz. Bez image map i preloadera, czysty css.

[kaef]

Hmm. Preloader jest potrzebny tylko po to, żeby uchronić się przed lagami. Twoja prawda jest taka samo Twojsza jak i mojsza;)

[savaro]

Możliwe, tyle że oba obrazki ładują się już przy pierwszym otwarciu strony, a nie dopiero po najechaniu myszką

[kaef]

A jeśli tak jest jak mówisz, to preloader nie potrzebny;)

[savaro]

Wszystko wskazuje na to że tak właśnie jest.
Jeżeli otworzę stronę i jeszcze przed najechaniem na obrazek, odłączę połączenie z internetem, nie ma najmniejszych problemów ze zmianą obrazka na inny. Również w plikach pobranych przez przeglądarkę dostępne są od razu wszystkie obrazki. Sprawdzałem na trzech różnych przeglądarkach.

Nie sprawdzałem czy tak samo jest jeśli obrazki umieszczane są w html a nie jak w tym przypadku w css.

[kaef]

Wniosek z tego taki, że css jest dobry na wszystko:D

A z drugiej strony, to autor widać więcej się nie pojawił, nawet żeby powiedzieć dziękuję..