Hola tengo un problemilla...
encontre en vuestro foro un tema donde se perfilava el un código para hacer el efecto fade en una tabla , lo que hace es inicial color fondo blanco y texto negro y al onmause hace efecto face oscureciendo el fondo a color negro, mi pregunta es como se podria hacer para que inicialmente haya una imagen de background y al hacer onmouseover aparezca otra imagen con efecto fade como el del siguiente script...
es possible hacer el efecto fade con imagenes ??? alguna sugerencia ???
Código:
<html>
<head>
<style>
td{font:normal 10px/10px verdana;
padding:20px 20px 20px 20px;
border:solid 1px black;
}
</style>
<script>
//--------VARIABLES MODIFICABLES----------------
maximo=255;
minimo=0;
incrementor=2;
modificar="fondo" //"texto" o "fondo"
//----------------------------------------------
r=maximo;
g=maximo;
b=maximo;
switch(modificar){
case "texto":
loQueSeModifica="color";
invertido="maximo-";
break;
case "fondo":
invertido="";
loQueSeModifica="backgroundColor";
break;
}
function iluminar(esto,variacion){
incremento=variacion*incrementor;
eval('esto.style.'+loQueSeModifica+'="RGB("+('+invertido+'r)+","+('+invertido+'g)+","+('+invertido+'b)+")"');
r+=incremento;b+=incremento;g+=incremento;
eso=esto;
elincremento=variacion;
if(r>minimo && r<maximo){seguir=window.setTimeout("iluminar(eso,elincremento)",10);}
else{r-=incremento;g-=incremento;b-=incremento;}
}
</script>
</head>
<body>
<table>
<tr>
<td onmouseout="iluminar(this,1)" onmouseover="iluminar(this,-1)" >Hola que tal estamos!!
</td></tr>
</table>
</body>
</html>
Si no es posible hacer el efecto fade con background-image quería hacer que el efecto fade lo haga y vuelva otra vez a la normalidad con efecto fade otra vez. Es posible ???