Guauuu! Giovanni720, cómo te complicas la vida...
Es un simple hover (no es necesario javascript para algo tan simple):
El css:
Código HTML:
#imagen {
width: 100px;
height: 100px;
background-image: url(foto.jpg);
}
#imagen a:hover {
width: 100px;
height: 100px;
background-image: url(lupa.png); /* le pones un valor de transparencia a tu gusto */
}
.lupa {
width: 100px;
height: 100px;
display: block;
}
y el html:
<div id="imagen"><a class="lupa" href="#"></a></div>