Hej här har jag ett script för att ändra en bild när man drar över en länk... Men hur skall jag få den att fade:a in? Måste jag sätta det i en loop eller kan man göra det på något annat sätt?

<SCRIPT LANGUAGE="JavaScript">
if (document.images) {
button_1_off=new Image;
button_1_off.src="img/bild_test.jpg";
button_1_startsida=new Image;
button_1_startsida.src="img/knapp_startsida.gif";
button_1_salong=new Image;
button_1_salong.src="img/knapp_salong.gif";
button_1_personal=new Image;
button_1_personal.src="img/knapp_personal.gif";
button_1_evenemang=new Image;
button_1_evenemang.src="img/knapp_evenemang.gif";
button_1_produkter=new Image;
button_1_produkter.src="img/knapp_produkter.gif";
button_1_tjanster=new Image;
button_1_tjanster.src="img/knapp_tjanster.gif";
button_1_boka=new Image;
button_1_boka.src="img/knapp_boka.gif";
button_1_kontaktaoss=new Image;
button_1_kontaktaoss.src="img/knapp_kontaktaoss.gif";
}
function rollIn(imgName, state){
if (document.images) {
document[imgName].src=eval(imgName + state + ".src");
}
}

function rollOut(imgName){
if (document.images) {
document[imgName].src=eval(imgName + "off.src");
}
}

</SCRIPT>

går inte att göra med standard metoder, IE har nån filter funktion som torde funka, har dock inte satt mej in i hur det funkar eftersom det är IE specifikt..

Detta kan kanske vara nåt
http://www.brainerror.net/scripts_js_blendtrans.php