[HTML][CSS] Div zmieniający img w sobie. Opcje

[gentleman]

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??

Ten post edytował gentleman 24.05.2013, 20:50:48

[in5ane]

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

[gentleman]

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?

Ten post edytował gentleman 24.05.2013, 21:30:45

[Mega_88]

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

Ten post edytował Mega_88 24.05.2013, 21:47:47

[Dominis]

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..

[gentleman]

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

Ten post edytował gentleman 25.05.2013, 10:10:24

[jepek]

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.

[gentleman]

jesteś boski