[ neb @ 21.10.2010. 12:47 ] @
Zelim da napisem dugme koje je u obliku slike na koje kada se klikne levim tasterom misa samo dugme menja sliku tj. svoj vizuelni izgled na ekranu, nakon sto se otpusti taster misa isto dugme vraca predhodnu sliku i dobija ponovo pocetni vizuelni izgled na ekranu.

HTML kod koji sam napisao izgleda ovako
Code:

<button id="dugme1" type="button"></button>


CSS kod

Code:

#dugme1
{
    background-image: url('dugme1.png');
    border-style: none;
    width: 51px;
    height: 12px;
}

#dugme2
{
    background-image: url('dugme2.png');
    border-style: none;
    width: 51px;
    height: 12px;
}



Kada pritisnem taster misa na samo dugme isto treba da dobije atribute CSS ID-a '#dugme2' nakon sto otpustim taster misa isto dugme treba ponovo da se vrati na pocetni CSS ID '#dugme1'.

Da li neko moze da napise primer izvornog koda za ovaj efekat?
[ Nikola Poša @ 21.10.2010. 15:39 ] @
Logičnije je da "dugme1" i "dugme2" budu CSS klase, a ne id-evi, pa u tom slučaju:
Code:
<button class="dugme1" type="button" onmousedown="this.className = 'dugme2';" onmouseup="this.className = 'dugme1';"></button>
[ neb @ 22.10.2010. 14:31 ] @
e hvala ti puno
[ tenesi @ 24.11.2010. 18:29 ] @
mozes i ovako CSS


Code:
#dugme1
{
    background-image: url('dugme1.png');
    border-style: none;
    width: 51px;
    height: 12px;
}

#dugme1:hover
{
    background-image: url('dugme2.png');
    border-style: none;
    width: 51px;
    height: 12px;
}


[ Nemke_BG @ 25.11.2010. 08:47 ] @
@tenesi

On je trazio na "click" a ne na "mouse over" event da bi tvoj primer radio promeni ga iz ":hover" u ":active".
[ neb @ 25.11.2010. 19:52 ] @
Resio sam dati problem na osnovu odgovora koje sam dobio od vas

Hvala vam