CSS image hover, ali malo drugaciji

[icon_e]

Da li se moze pomocu image hover efekta (kada se background pomice) napraviti da se to desava kada se pređe mišem preko samo jednog dijela slike?
Nadam se da ste me razumjeli.

[sinisa.kusic]

nisam siguran da si ti sam sebe razumio

Ako pitaš da li se može pomoću css napraviti image map... da može, background image, lista i apsolutno pozicioniranje.
Ako nije to, možda misliš na ovo?

u suprotnom, izjasni se malo bolje.

[icon_e]

Primjer je ovdje, samo što to nije napravljeno pomoću CSS-a.

[sinisa.kusic]

icon_e wrote:

Primjer je ovdje, samo što to nije napravljeno pomoću CSS-a.

da može se.
ovako napamet, kako bi ja napravio, s obzirom da nema linikova na mapi...
...imao bi jedan container div i unutar njega apsolutno pozicioniran image, u odnosu na container div, kojem bi mijenjao coordinate s pomoću ona dva gumbića. eto ovako teoretski. da nemam gripu još bi ti i napisao primjer =). ali ako si se ranije susreo sa css-om i apsolutnim pozicioniranjem, nebi trebao imati problema pri izvedbi.

edit:
zaboravio sam napomenuti da bi container div morao imati overflow svojstvo postavljeno na hidden i zadanu fiksnu visinu i širinu tako da image nebi izlazio izvan okvira container diva

[mile]

evo, pročitaj ovo:

http://www.alistapart.com/articles/imagemap/ (primjer)
http://www.alistapart.com/articles/sprites/ (primjer 1, primjer 2)

[icon_e]

Puno hvala na pomoci. Sad se idem malo igrat s tim.

[sonam]

Nisam siguran da li sam dobro razumio tvoje pitanje, ali mozda ti ovo moze pomoci.

CSS code:

Code:

.divOff {    background-image: url(../images/croatia1.jpg)} } .divOn {     background-image: url(../images/croatia2.jpg)} }

HTML code:

Code:

class="divOff"  onmouseout="this.className='divOff';" onmouseover="this.className='divOn';"

A ovo je primjer koji ja koristim na svojoj stranici:

Code:

<table width="630" border="0" cellpadding="0" cellspacing="0"  class="tablicaOff"  onmouseout="this.className='tablicaOff';" onmouseover="this.className='tablicaOn';">

Sonam