Buenas noches estube mirando en el foro pero no logro solucionar mi problema
estoy haciendo una galeria y la idea es que cuando pase el mouse sobre la imagen aparesca una tabla con la imagen ampliada y un texto informativo he logrado que funcione colocando nombres de imagenes y textos fijos, pero al tratar de hacerlo con imagenes y textos de una base de datos no me funciona
este es el codigo que estoy usando:
<!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>Documento sin título</title>
<style>
#tabla {
position:absolute;
text-align:center;
visibility:hidden;
z-index:10;
}
.Estilo20 {
font-family: "Century Gothic";
color: #333333;
}
</style>
<SCRIPT LANGUAGE="JavaScript">
function ver_tabla(user,ValueShow) {
var mousex = window.event.x;
var mousey = window.event.y;
user.style.visibility = ValueShow;
user.style.left = mousex + 5;
user.style.top = mousey;
}
</script>
</HEAD>
<BODY>
<?php
include("conex.php");
$link=conectarse();
$result=mysql_query("select * from galeria1 ORDER BY orden ASC ",$link);
?>
<?php
$i=0;
while($row = mysql_fetch_array($result)) {
$imagen= $row['imagen'];
$referencia= $row['referencia'];
$precio= $row['precio'];
?>
<table border="0" cellspacing="2" cellpadding="1">
<tr>
<td>
<a onmouseover="ver_tabla(tabla,'visible')" onmouseout="ver_tabla(tabla,'hidden')">
<img src="<?php echo $imagen; ?>" width="202">
</a>
</td>
</tr>
</table>
<div id="tabla">
<table bgcolor="#FFFFFF" border="1">
<tr valign="middle">
<td align="center"><img src="<?php echo $imagen; ?>" width="302"><p><span class="Estilo20">REFERENCIA:<?php echo $referencia; ?>
<br>PRECIO:<?php echo $precio; ?><br></span>
</td>
</tr>
</table>
</div>
<?php
}
?>
</body>
</html>
si me pueden ayudar les agradezco mucho
