Necesito mostrar una imagen con onmouseover y quitar con onmouseout, para ello tengo el siguientes codigos:
script
-------
<script language="javascript1.2" type="text/javascript">
var IE = document.all ? true : false;
if (!IE) {
document.captureEvents(Event.MOUSEMOVE);
}
var tempX = 320;
var tempY = 170;
function VentanaFlotante(mensaje, x, y){
//creo el objeto div
var div_fl = document.createElement('DIV');
//le asigno que su posicion sera abosoluta
div_fl.style.position = 'absolute';
//le asigno el ide a la ventana
div_fl.id = 'Miventana';
//digo en que posicion left y top se creara a partir de la posicion del raton tempx tempy
div_fl.style.left = tempX + 'px';
div_fl.style.top = tempY + 'px';
//asigno el ancho del div pasado por parametro
div_fl.style.width = x + 'px';
//asigno el alto del div pasado por parametro
div_fl.style.height = y + 'px';
//digo con css que el borde sera de grosor 1px solido y de color negro
div_fl.style.border = "1px solid #000066";
//asigno el color de fondo
div_fl.style.backgroundColor = "#FFFFCC";
//el objeto añado a la estrutura principal el document.body
document.body.appendChild(div_fl);
//el mensaje pasado por parametro muestro dentro del div
div_fl.innerHTML = mensaje;
}
function quitarDiv()
{
//creo el objeto del div
var mv = document.getElementById('Miventana');
//elimino el objeto
document.body.removeChild(mv);
}
</script>
el llamado lo hago dentro de una tabla:
<td align=center width=20% id=linea><a href="#" onmouseover="javascript: VentanaFlotante('http://microweb/catalogos/<? echo $codigo; ?>/<? echo $vector[$i]; ?>', 400, 332)" onmouseout="javascript: quitarDiv();"><img src="imagenes/maximizar.gif" alt="Ampliar Imagen <? echo $name; ?>" width=20 height=20 border=0/></a></td>
pero en la capa(div) me muestra como contenido el texto:
http://microweb/catalogos/4215015/4215015.jpg
y no la imagen.
¿Como puedo lograr este efecto?
