tengo una tabla con imagenes, bueno lo q hago es leerlas y la voy mostrardo en grupos, bueno cuando hago clicl en elguna imanges esta se muestra con css, en un lightbox, pero el problema es q cuando hago click en cualquier imagen me muestra siempre la primera imagen le dejo el codigo
Cita:
gracias amigos por la ayuda while ($row = mysql_fetch_assoc($qu))
{
$contenido .= "<a href= \"javascript:void(0)\" onclick = \"document.getElementById('light').style.display=' block';document.getElementById('fade').style.displ ay='block'\" class='enlace'>";
$contenido .= "<img src='Imagenes/simpleviewer/images/".$row['img_nombre']."' width='140' height='140' style='Filter: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)' class='foto'></a>";
$contenido .= "  ";
$contenido .= "<div id='light' class='white_content' style='width: 50%; height: 60%;'>";
$contenido .= "<img src='Imagenes/simpleviewer/images/".$row['img_nombre']."' width='".$row['img_ancho']."' height='".$row['img_alto']."' class='foto'>";
$contenido .= "<a href = \"javascript:void(0)\" onclick = \"document.getElementById('light').style.display=' none';document.getElementById('fade').style.displa y='none'\" style='position:absolute; width:25px; height:25px; left: 400px; top: 270px'>";
$contenido .= "<img src='Imagenes/Accesorios/cerrar.png' border='none' title='Cerrar' /></a></div>";
$contenido .= "<div id='fade' class='black_overlay'></div>";
}
{
$contenido .= "<a href= \"javascript:void(0)\" onclick = \"document.getElementById('light').style.display=' block';document.getElementById('fade').style.displ ay='block'\" class='enlace'>";
$contenido .= "<img src='Imagenes/simpleviewer/images/".$row['img_nombre']."' width='140' height='140' style='Filter: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)' class='foto'></a>";
$contenido .= "  ";
$contenido .= "<div id='light' class='white_content' style='width: 50%; height: 60%;'>";
$contenido .= "<img src='Imagenes/simpleviewer/images/".$row['img_nombre']."' width='".$row['img_ancho']."' height='".$row['img_alto']."' class='foto'>";
$contenido .= "<a href = \"javascript:void(0)\" onclick = \"document.getElementById('light').style.display=' none';document.getElementById('fade').style.displa y='none'\" style='position:absolute; width:25px; height:25px; left: 400px; top: 270px'>";
$contenido .= "<img src='Imagenes/Accesorios/cerrar.png' border='none' title='Cerrar' /></a></div>";
$contenido .= "<div id='fade' class='black_overlay'></div>";
}