Mira, no te compliques demasiado con capas y todo eso.... Usa puro javascript y tu codigo quedara mucho mas sencillo:
Entre las etiquetas <head> y </head> de tu documento coloca este codigo javascript
:
Código:
function abrir_imagen(url) {
document.getElementById('imagen_grande').src = url;
}
Luego, buscas esto:
Código PHP:
if ($linea=mysql_fetch_object($result))
{
//------La capa empieza aqui------
$consultaimag2 = "select * from imag_relac where cod_prod ='".mysql_real_escape_string($id)."'";
$resultid = mysql_query($consultaimag2,$link)
or die ("Fallo en la consulta");
while ($lineaimag2=mysql_fetch_object($resultid))
{
?>
<div id="<? echo $lineaimag2->imagen;?>" style="position:absolute; left:0px; top:73px; width:100%; z-index:<? echo $num_filas;?>; visibility: hidden; border: 0px none #000000; background-color: #00FF00; layer-background-color: #00FF00;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr> <td align="center" valign="baseline"><img src="../<? echo $lineaimag2->imagen;?>" border="0"></td></tr></table></div>
<?
$num_filas++;
} //termina el bucle while imag2
?>
//----La capa termina aqui-------
y lo reemplazas por:
Código PHP:
//Por nada :P, solo lo borras
Buscas:
Código HTML:
//----Imagen grande------
<td colspan="4" align="center" valign="baseline">
<div id="imagen" style="position:relative; left:0px; top:0px; z-index:2; visibility: visible; border: 0px none #000000;">
<img src="<? echo $linea->imagen_g;?>" border="0"></div></td>
y reemplazas por:
Código HTML:
//----Imagen grande------
<td colspan="4" align="center" valign="baseline">
<div id="imagen_grande" style="visibility: visible; border: 0px none #000000;">
<img src="<? echo $linea->imagen_g;?>" border="0"></div></td>
ahora, buscas:
Código PHP:
//------Imagen pequeña--------
<table border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<?
while ($lineaimag2=mysql_fetch_object($resultid))
{
?>
<td width="70" align="left" valign="bottom"><a href="#" onClick="MM_showHideLayers('<? echo $lineaimag2->imagen;?>','','show','imagen','','hide')"><img src='../redimensionar.php?archivo=<? echo $lineaimag2->imagen;?>&ancho=50&alto=50' alt="Ver imágen" border="0"></a></td>
<?
$num_filas++;
}
?></tr>
</table>
y lo cambias por:
Código PHP:
//------Imagen pequeña--------
?>
<table border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<?
while ($lineaimag2=mysql_fetch_object($resultid))
{
?>
<td width="70" align="left" valign="bottom"><a href="#" onClick="abrir_imagen('<? echo $lineaimag2->imagen;?>');"><img src='../redimensionar.php?archivo=<? echo $lineaimag2->imagen;?>&ancho=50&alto=50' alt="Ver imágen" border="0"></a></td>
<?
$num_filas++;
}
?></tr>
</table>
listo, asi deberia funcionar, creo.... si no respondes, ahora estoy de salida, asi que lo hice bastante rapido y probablemete tenga algun error, mañana a primera hora entrare para ver si te resulto...
Salu2
