Hola damars!
Dime si lo que quieres es algo así:
Código:
<html>
<head>
<title>Juganfdo con el alpha</title>
<script>
var a=100
//-----variables editables-------
var espera=10
var mayoropacidad=100
var menoropacidad=0
var paso=5
//----------------------
function apagar(imagen){
paso=-paso
minimo=menoropacidad
variante=1
imagen2=imagen
cambiar(imagen2)
}
function cambiar(imagen){
imagen.style.filter="alpha(opacity="+a+")";
if (a*variante>minimo*variante){
imagen3=imagen
a=a+paso
window.setTimeout("cambiar(imagen3)",espera);}
}
function encender(imagen){
paso=-paso
minimo=mayoropacidad
variante=-1
imagen2=imagen
cambiar(imagen2);
}
</script>
</head>
<body>
<img src="http://www.klasic.org/img/violin.jpg" onmouseover="apagar(this)" onmouseout="encender(this)">
</body>
</html>
Te explico un poco:
La variable
espera son los milisegundos de retardo en el efecto.
Paso marca cuanto se aumenta o disminuye la opacidad cada vez que se ejecuta la función y
mayoropacidad y
menoropacidad son los extremos de la opacidad de la imagen.
Si no entiendes algo o no se adapta del todo a lo que quieres pregunta y te contesto encantado.
Salu2