Hola amigos a todos, quisiera le den un vistazo al sgte codigo lo encontre en la web y me parecio interesante, funciona a la perfeccion para una sola figura... el cual al pasar el mouse por la figura se observa su imagen ampliada.
AMPLIARIMAGEN.PHP
---------------------------
<html>
<head>
<style type='text/css'>
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: none;
padding: 5px;
left: -100px;
border: none;
visibility: hidden;
color: #FFFF00;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 50px; /*position where enlarged image should offset horizontally */
}
</style>
</head>
</head>
<body>
<a class="thumbnail" href="#thumb" target="_blank"><img src="producto1.jpg" width="44" height="75" border="0" /><span><img src="producto1.jpg" /><br /></span></a>
</body>
</html>
...Ahora el problema esta en que no se como seria para adecuarlo a mis necesidades debido a que en mi codigo original (CATALOGO.PHP), la imagen lo cargo con:
<td><?php echo "<img src=\"verBlob.php?id=".$row['id']."\">"; ?></td>
Por favor agradesco de antemano por el apoyo que me puedan brindar.