[JavaScript] Płynne przejście zdjęć po najechaniu myszą Opcje

[Carveth]

Witam, oto mój js przy którym po najechaniu kursorem na obrazek xxx.png zmienia się on na xxxa.png

Oto plik js:

[HTML] pobierz, plaintext 
img1_on = new Image(68, 22);
img1_on.src = "images/xxxa.png";
img1_off = new Image(68, 22);
img1_off.src = "images/xxx.png";
 
function img_act(pic)
{
  document[pic].src = eval(pic + "_on.src");
}
function img_deact(pic)
{
  document[pic].src = eval(pic + "_off.src");
}
[HTML] pobierz, plaintext 

A oto fragment html:

[HTML] pobierz, plaintext 
<img name="img1" src="images/xxx.png" onmouseover="img_act('img1')" onmouseout="img_deact('img1')" />
[HTML] pobierz, plaintext 

Chciałbym jednak uzyskać efekt płynnego przejścia, jak powinien wyglądać taki js? Co powinienem dodać i gdzie?

Pozdrawiam

[kamil4u]

Pamiętaj eval is evil - nie używać( przynajmniej starać się )

Rozwiązaniem Twojego problemu jest.... no właśnie w Twoim wypadku raczej gotowiec( sądząc po kodzie, który przedstawiałeś ) - polecam: http://css3.bradshawenterprises.com/cfimg1/ w css3

Jeżeli nie chcesz użyć css3 to google i: "fade effect js" - np. http://www.lateralcode.com/javascript-fade-effect/

A jeżeli chcesz się czegoś nauczyć i zrobić to sam to napisz, wtedy spróbuję napisać Ci jak to się robi (IMG:style_emoticons/default/smile.gif)

[Carveth]

Ok, jako że miałem sam napis na tle przeźroczystym w png skorzystałem z js (przy css obrazki się "nakładały"). Dzięki za pomoc (IMG:style_emoticons/default/wink.gif)