Если кому надо, не очень правильно, но работает везде. Пользуйтесь. :-))
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script language="javascript">
<!--
function ok(){ //Функция начальной установки прозрачности.
var img=document.getElementsByTagName('img')
for(c=0;c<img.length;c++){
img[c].src='img/'+(c+1)+'.jpg'
img[c].onmouseover=eff
img[c].onmouseout=eff
if (img[c].filters){
img[c].style.filter='alpha(opacity='+s+')'}
else{
img[c].style.opacity=s/100}}}
// Временные единицы относительные, подбирать экспериментально.
var up=49 // Время выполнения эффекта, появление.
var dn=15 // Время выполнения эффекта, исчезновение.
var s=10 // Начальная прозрачность, от 0.
var r=100 // Конечная прозрачность, до 100.
/*----------------------------------------------------------------*/
var x=25/up
var y=-25/dn
var z=new Array()
var timer=new Array()
function eff(e){
var i=this.id
if (timer
){clearInterval(timer)}
if (!e){e=window.event}
if ((e.type)!='mouseover'){z=y;var t=dn}
else{z=x;var t=up}
timer=setInterval(function (i){return function(){ time(i)}}(this),t)}
function time(i){
if (i.filters){
i.filters.alpha.opacity+=z[i.id]
c=i.filters.alpha.opacity}
else{
c=i.style.opacity*100
c+=z[i.id]
i.style.opacity=c/100}
document.getElementById('p1').innerHTML=c
if (c<=s){if(i.filters){i.filters.alpha.opacity=s}else{i.style.opacity=s/100};clearInterval(timer[i.id]);return}
if (c>=r){if(i.filters){i.filters.alpha.opacity=r}else{i.style.opacity=r/100};clearInterval(timer[i.id]);return}
}
//-->
</script>
</head>
<body onload=ok()>
<img id=i1>
<img id=i2>
<img id=i3>
<img id=i4>
<p id=p1></p>
</body>
</html>
