hola, he creado una table para una galeria de imagenes, las imagenes se pasan en una celda llama visor.
Ahora bien en la fila de abajo he colocado otras fotos más pequeñas que si haces click deben verse esa foto en grande en visor pero no lo consigo.
He probado hacer esto:
onclick= document.visor.write( "<img src='"Imagen1.jpg>" );
pero no visualizo la foto.
Luego si fuera posible querria que apareciera un borde de color en las fotos pequeñas cuando paso las de arriba con siguiente o anterior
A ver si alguien me da luz.....
Muchas gracias de antemano
<head>
<script>
var imagenes = new Array ("Imagen1.jpg","Imagen2.jpg","Imagen3.jpg","Imagen 4.jpg");
largo = imagenes.length;
i=0;
function Siguiente()
{
i++;
if(i==largo) i=0;
foto.src = imagenes[i]; }
function Anterior()
{
i--; // se decrementa i
if(i<0) i=largo-1;
foto.src = imagenes[i];
}
</script>
<body>
<table width="800" height="536" border="0">
<tr>
<td width="170" height="345"><a href="JavaScript:Siguiente();"><< Anterior</a>
</td>
<td id= "visor" colspan="4" bgcolor="#CCCCCC" >
<img src="Imagen1.jpg" name="foto" width="485" height="273" /></td>
<td width="125"><a href="JavaScript:Siguiente();" >>>Siguiente</a></td>
</tr>
<tr>
<td height="35" colspan="6" bgcolor="#CCCCCC"><div align="center">COCHES</div></td>
</tr>
<tr>
<td height="148" bgcolor="#CCCCCC"> </td>
<td width="136" bgcolor="#CCCCCC"><img src="Imagen5.jpg" width="119" height="146" /></td>
<th width="165" nowrap="nowrap" bgcolor="#CCCCCC"><img src="Imagen6.jpg" width="119" height="146" /></th>
<td width="138" bgcolor="#CCCCCC"><img src="Imagen7.jpg" width="119" height="146" /></td>
<td width="128" nowrap="nowrap" bgcolor="#CCCCCC"><img src="Imagen8.jpg" width="119" height="146" /></td>
</tr>
</table>
</body>
</html>
