Alterntiva a la super FAQ 187 de Caricatos
P: Como puedo crear textos alternativos sin hacer uso de la etiqueta alt?
R: Con un poco de imaginación y una simple capita .....
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
var x=0; var y=0;
if(!document.all) {
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = show;
function crearAlt(texto) {
document.getElementById("ALTdHTML").innerHTML = '<div style="border: 1px solid #000000; background-color: #fdfec2; padding: 2px; font-size: 70%; font-family: verdana">' + texto + '</div>';
}
function show(evento) {
document.getElementById("ALTdHTML").style.visibility = 'visible';
if(document.all) {
x = event.clientX;
y = event.clientY + document.body.scrollTop;
document.getElementById("ALTdHTML").style.left = x + 10;
document.getElementById("ALTdHTML").style.top = y + 14;
} else {
x = evento.clientX + document.body.scrollLeft;
y = evento.clientY + document.body.scrollTop;
document.getElementById("ALTdHTML").style.left = x + 10;
document.getElementById("ALTdHTML").style.top = y + 14;
}
}
function hide() {
document.getElementById("ALTdHTML").style.visibility = 'hidden';
document.getElementById("ALTdHTML").innerHTML = "";
}
</script>
<div id="ALTdHTML" style="position: absolute; visibility: hidden"> </div>
<img src="" width="250" height="70" onMouseOver="crearAlt('Imagen');" onMouseOut="hide();">
</body>
</html>