ah pues pones un div con la imagen de borrar en una esquina, y con onmouseover y onmouseout controlas que se muestre o no
Algo como esta pagina http://www.karballo.net/ej/test__.html
El codigo fuente
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Sin titulo</title>
<script>
function MostrarImagen(){
document.getElementById('imagenOculta').style.display='block';
}
function noMostrarImagen(){
document.getElementById('imagenOculta').style.display='none';
}
</script>
</head>
<body>
<img src="imagen.jpg" onmouseover="MostrarImagen()" onmouseout="noMostrarImagen()" />
<div id="imagenOculta" style="display:none; position:absolute; top:10px; left:10px;"><img src="imagen2.jpg" onmouseover="MostrarImagen()" onmouseout="noMostrarImagen()" onclick="alert('aqui iria el document.location')"></div>
</body>
</html>