Esto hace el truco
Código Javascript
:
Ver originalfunction insertAfter(parent, node, referenceNode) {
parent.insertBefore(node, referenceNode.nextSibling);
}
function img(imagen){
var preview = document.getElementById("preview")
if(preview != null){
preview.parentNode.removeChild(preview)
}
var nueva_imagen=document.createElement('img');
nueva_imagen.width = 50;
nueva_imagen.height = 50;
nueva_imagen.src = imagen.rel;
nueva_imagen.id = "preview";
insertAfter(imagen.parentNode, nueva_imagen, imagen);
}
function remove_img(){
var preview = document.getElementById("preview")
if(preview != null){
preview.parentNode.removeChild(preview)
}
}
Solo hay que pasarle la imagen en el atributo 'rel'
Código HTML:
Ver original<div id="contenedor"><a onMouseOver="img(this)" href="#" onMouseOut="remove_img(this)" rel="http://th298.photobucket.com/albums/mm251/harbrei/th_rammstein.gif">Rammstein
</a> o tambien
<a onMouseOver="img(this)" onMouseOut="remove_img(this)" href="#" rel="http://i16.photobucket.com/albums/b21/hilaryabell/metallica.gif">Metallica
</a></div>