Hola!
Tengo un probl que he sido incapaz de resolver, este es el código que tengo y funciona perfectamente onMouseOver cambia de imagen aplicando la “transición” OK. Lo que no consigo es incluir texto y que al hacer onMouseOver= aparezca la imagen y algo de texto debajo simultaneamente. – ¿Me explico? – Alguien que me pueda echar una mano se agradece.
<html>
<head>
<title>Image and text rollover</title>
<script type="text/javascript">
function applyTransition (obj)
{
obj.filters(0).Apply();
obj.style.visibility = "visible";
obj.filters(0).Play();
}
function applyImageTransition (obj, imgsrc)
{
obj.filters(0).Apply();
obj.src=imgsrc;
obj.filters(0).Play();
}
</SCRIPT>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="30%"><div id="containerlink">
<span onMouseOver="myimg.style.filter='progid:DXImageTra nsform.Microsoft.Fade(duration=1)'; applyImageTransition(myimg,'2a.jpg')"
onmouseout="myimg.style.filter='progid:DXImageTran sform.Microsoft.Fade(duration=0.5)'; applyImageTransition(myimg,'1a.jpg')"><a href="">Link 1</a></span>
</div>
</td>
<td width="40%"><div id="containerpic"><center>
<img id="myimg" src='1a.jpg' STYLE="width=255; height=191;">
</center></div>
</td>
</tr>
</table>
</body>
</html>
