Image map rollover

[shakal616]

Pozdrav.
Imam mali problem pa ako bi neko mogao da mi pomogne bio bih zahvalan.
Potrebno mi je da u sklopu svog zavrsnog rada napravim image map rollover na nekoj u ovom slucaju nebitnoj slici koja bi po mogucnosti radila nesto slicno kao sto je uradjeno na ovoj stranici :
http://www.workingineuropeandasia.com/?u=1c6a6f942368d690c3cba37b7b0eef6a

TJ. Da kada dodjem iznad mapiranog dela slike taj mapirani deo bude vidljiv, dobije boju kao na primeru.

 

[sirNemanjapro]

Imaš dve opcije 5€/h ili da naučiš da crtaš image map, jQuery i CSS.

U osnovi je sve do CSSa sa z-indexima.

 

[shakal616]

Nije meni problem crtanje image mapa ili css, ali jQuery ne znam.

Meni tu problem prestavlja to sto za area ne mogu da postavim pozadinsku boju ili slicno.

Kada bi imao nekli dobar tutorijal ili primer na kojem to radi ili dobar predlog na koji nacin to da izvedem to bi bilo dovoljno.

 

[sirNemanjapro]

Mislim da nisi dobro razumeo primer koji si postavio. Ovde jQ radi samo tranziciju između fotki, sve ostalo je CSS.

 

[SINTER]

Yep, pogledaj sam u source-u kako se radi. Na primer za nemacku:

<area class="Germany" shape="poly" href="/countries/company_profiles/8" alt="Click here for information about working in Germany" coords="310,496,309,494,306,494,304,..."/>

<img id="Germany_hover" class="country_hover" src="/img/map/Germany_hover.png" alt="Graduate oppertunities in Germany" style="display:none;"/>

 

[shakal616]

Ako sam dobro razumeo u sustini bi ja trebalo da za svaki area pravim posebnu slicicu za koju bi u css morao definisati poziciju a onda je naknadno kada dodjem iznad area da pozovem funkciju koja ce slicicu postaviti vidljivu.
U ovakvom slucaju imao bi poprilicno mnogo slicica ali ako ne postoji drugacije resenje, sta da se radi.