Witam, od kilkudziesięciu minut próbuje zrobić diva który zamieni mi img1 na img2 po najechaniu na tego diva.

czy mógłby ktoś skrócić moje wypociny i wspomóc mnie ? i czy w ogóle jest to możliwe??

Dopiero 10 tematów temu pisałem komuś coś podobnego, zerknij tutaj.

Ja nie chce najeżdżać na img tylko na div,a on ma zmienic img na inny.
tu masz przykład:


umiałbyś zrobić cos takiego?

Proszę:

[HTML] pobierz, plaintext 
$("#id-diva").hover(function() { $("#id-obrazka").fadeIn(100); }, function() { $("#id-obrazka").fadeOut(50); });
[HTML] pobierz, plaintext 

W css te same pozycje dla obrazków, z-index dla każdego inny i po wszystkim

Do tego nie potrzebujesz uzywać js(jquery)

[HTML] pobierz, plaintext 
div.obrazek {
      height: 30px;
      width: 30px;
      background: url(link do obrazka.jpg) no-repeat;
}
 
div.obrazek:hover{
      background: url(link do obrazka po najchaniu) no-repeat;
}
[HTML] pobierz, plaintext 

do teog mozna jakas animacje dodac w css3
height i width podany orientacyjnie..

dlaczego podczas wykonywania się pętli działa mi to tylko przy pierwszym a nie przy wszystkich.

Najlepiej zrezygnować z img na rzecz diva, który za tło będzie miał sprite z obrazkiem w dwóch stanach - po hover i bez hover. W przypadku najechania na div div z obrazkiem powinien zmienić swoje background-position.

Oto przykład: http://jsfiddle.net/jepek/tXLfG/

Jeżeli chciałbyś uzyskać tu jakieś efekty użyj np. jQuery.

jesteś boski