Zmiana obrazka po najechaniu myszą (dynamiczne przyciski)

[igor]

Post dotyczy artykułu http://funkcje.net/view/2/1414/index.html. Jest to miejsce na wypowiedzi oraz komentarze.

Skrypt zmienia obrazek po najechaniu na niego myszą wykorzystując do tego zdarzenie onMouseOver i onMouseOut.

[terlik87@interia.pl]

A jak to zrobić by wiele obrazków na jednej stronie działało? Jak Robie jeden to mi chodzi a jak dwa to tylko dalej jeden chodzi, albo ten albo ten. Wszystkie na raz nie chodzą

[igor]

Proste np mam trzy buttony obrazek1 obrazek2 obrazek3

Kod: Zaznacz cały

obrazek1_on = new Image(100, 50);

obrazek1_on.src = "obrazek1_on.gif";

obrazek1_off = new Image(100, 50);

obrazek1_off.src = "obrazek1_off.gif";



obrazek2_on = new Image(100, 50);

obrazek2_on.src = "obrazek2_on.gif";

obrazek2_off = new Image(100, 50);

obrazek2_off.src = "obrazek2_off.gif";



obrazek3_on = new Image(100, 50);

obrazek3_on.src = "obrazek3_on.gif";

obrazek3_off = new Image(100, 50);

obrazek3_off.src = "obrazek3_off.gif";





// a tu 3 obrazki



<IMG

  NAME="obrazek1"

  SRC="obrazek1_off.gif"

  onMouseOver="img_act('obrazek1')"

  onMouseOut="img_deact('obrazek1')"

>



<IMG

  NAME="obrazek2"

  SRC="obrazek2_off.gif"

  onMouseOver="img_act('obrazek2')"

  onMouseOut="img_deact('obrazek2')"

>



<IMG

  NAME="obrazek3"

  SRC="obrazek3_off.gif"

  onMouseOver="img_act('obrazek3')"

  onMouseOut="img_deact('obrazek3')"

>

[SzukamRozwi]

szkoda tylko, że to nie działa pod IE, wywala błąd :|

[igor]

Sprawdź dokładnie konsole firebuga czy nie informuje o jakiś błędach, i czy jest poprawny kod JavaScript

[norr]

A jak to zrobić na przykładzie div?




.menu_gorne_ofirmie{
width: 137px;
height: 129px;
position: relative;
background: url(img/marian_11.jpg);
float:left;
}

[Gagalina]

A czy obrazki trzeba wstawiać na stronkę, czy tylko do katalogu??

[divix]

Wszystkie elementy, które wykorzystujesz na stronie internetowej muszą być na serwerze.

[Gagalina]

Dziękuje

[Gagalina]

Jeszcze jedno pytanie, jaka musi być wielkość obrazka, jeśli chce, aby posłużył mi za tło??