es mas no necesita js simplemente puro css les dejo un pequeño ejemplo
primero vincular la hoja de estiilos. segundo en el cuerpo o onde queremos la imagen:
<ul class="hoverbox">
<li><a href="gal/01_full.jpg" title="foto01"><img src="imagenes/dada.jpg" alt="info" /><img src="imagenes/aa.jpg" alt="info" class="preview"/></a></li>
y la hoja de estilos:
.hoverbox a:hover .preview {
display:block;
left:-45px;
position:absolute;
top:-50px;
z-index:1
}
.hoverbox img {
background:#fff;
border-color:#aaa #ccc #ddd #bbb;
border-style:solid;
border-width:1px;
color:inherit;
height:120px;
padding:1px;
vertical-align:top;
width:120px
}
.hoverbox li {
background:#eee;
border-color:#ddd #bbb #aaa #ccc;
border-style:solid;
border-width:1px;
color:inherit;
display:inline;
float:left;
margin:3px;
padding:5px;
position:relative
}
.hoverbox .preview {
border-color:#000;
height:200px;
width:200px
}
espero les guste como ami!!! ahhh y no me funciona en el maldito explorer!!!! alguna idea? aver si me pasan este post a css, a ver si pueden dar una mao.