Problema con galeria de imagenes "Marquee"
Hola, que tal. Te cuento mi problema, soy nuevo en la creación de páginas web, y estoy haciendo una personal. Mi problema surge cuando quiero crear una galería de imágenes, para la que estoy utilizando marquee. Para mostrar las imágenes en menor tamaño y al hacer click que se vean más grande abajo. Te paso el código:
<head>
<title>Mi galeria</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT LANGUAGE="JavaScript">
var fotos = new Array ("imagen1.gif","imagen2.gif","imagen3.gif","imagen4.gif","imagen5.gif","imagen6.gif","imagen7.gif","imagen8.gif", "imagen9.gif","imagen10.gif","imagen11.gif","imagen12.gif","imagen13.gif","imagen14.gif", "imagen15.gif","imagen16.gif","imagen17.gif","imagen18.gif","imagen19.gif","imagen20.gif");
function visualisar(num){
var ver = new Image(300,250);
num=num-1;
document.ver.src = fotos[num];
}
//-->
</SCRIPT>
</head>
<body>
<table width="500" height="300" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="90" valign="top"> <marquee width="550" height="75">
<br>
<img src="imagen1.gif" width="75" height="63" onClick="visualisar(1)">
<img src="imagen2.gif" width="75" height="63" onClick="visualisar(2)">
<img src="imagen3.gif" width="75" height="63" onClick="visualisar(3)">
<img src="imagen4.gif" width="75" height="63" onClick="visualisar(4)">
<img src="imagen5.gif" width="75" height="63"onClick="visualisar(5)">
<img src="imagen6.gif" width="75" height="63" onClick="visualisar(6)">
<img src="imagen7.gif" width="75" height="63" onClick="visualisar(7)">
<img src="imagen8.gif" width="75" height="63" onClick="visualisar(8)">
<img src="imagen9.gif" width="75" height="63"onClick="visualisar(9)">
<img src="imagen10.gif" width="75" height="63" onClick="visualisar(10)">
<img src="imagen11.gif" width="75" height="63" onClick="visualisar(11)">
<img src="imagen12.gif" width="75" height="63" onClick="visualisar(12)">
<img src="imagen13.gif" width="75" height="63" onClick="visualisar(13)">
<img src="imagen14.gif" width="75" height="63" onClick="visualisar(14)">
<img src="imagen15.gif" width="75" height="63" onClick="visualisar(15)">
<img src="imagen16.gif" width="75" height="63" onClick="visualisar(16)">
<img src="imagen17.gif" width="75" height="63" onClick="visualisar(17)">
<img src="imagen18.gif" width="75" height="63" onClick="visualisar(18)">
<img src="imagen19.gif" width="75" height="63" onClick="visualisar(19)">
<img src="imagen20.gif" width="75" height="63" onClick="visualisar(20)">
</marquee> <font color="#242969" size="2" face="Arial, Helvetica, sans-serif"><strong><br>
<center>PULSA SOBRE LA FOTO PARA VERLA AMPLIADA</center> </strong></font> </td>
</tr>
<tr>
<td height="210" valign="top"> <br>
<center> <img src="imagen1.gif" name="ver" width="250" height="210" id="ver"></center>
</td>
</tr>
</table>
</body>
Mi problema es que al subir la página solo me muestra 5 imágenes en la marquesina y vuelve a empezar.
También me gustaría consultarte si existe la forma de hacer la marquesina "continua" y que no deje un espacio en blanco desde que termina hasta que vuelve a empezar. Desde ya muchas gracias.
<head>
<title>Mi galeria</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT LANGUAGE="JavaScript">
var fotos = new Array ("imagen1.gif","imagen2.gif","imagen3.gif","imagen4.gif","imagen5.gif","imagen6.gif","imagen7.gif","imagen8.gif", "imagen9.gif","imagen10.gif","imagen11.gif","imagen12.gif","imagen13.gif","imagen14.gif", "imagen15.gif","imagen16.gif","imagen17.gif","imagen18.gif","imagen19.gif","imagen20.gif");
function visualisar(num){
var ver = new Image(300,250);
num=num-1;
document.ver.src = fotos[num];
}
//-->
</SCRIPT>
</head>
<body>
<table width="500" height="300" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="90" valign="top"> <marquee width="550" height="75">
<br>
<img src="imagen1.gif" width="75" height="63" onClick="visualisar(1)">
<img src="imagen2.gif" width="75" height="63" onClick="visualisar(2)">
<img src="imagen3.gif" width="75" height="63" onClick="visualisar(3)">
<img src="imagen4.gif" width="75" height="63" onClick="visualisar(4)">
<img src="imagen5.gif" width="75" height="63"onClick="visualisar(5)">
<img src="imagen6.gif" width="75" height="63" onClick="visualisar(6)">
<img src="imagen7.gif" width="75" height="63" onClick="visualisar(7)">
<img src="imagen8.gif" width="75" height="63" onClick="visualisar(8)">
<img src="imagen9.gif" width="75" height="63"onClick="visualisar(9)">
<img src="imagen10.gif" width="75" height="63" onClick="visualisar(10)">
<img src="imagen11.gif" width="75" height="63" onClick="visualisar(11)">
<img src="imagen12.gif" width="75" height="63" onClick="visualisar(12)">
<img src="imagen13.gif" width="75" height="63" onClick="visualisar(13)">
<img src="imagen14.gif" width="75" height="63" onClick="visualisar(14)">
<img src="imagen15.gif" width="75" height="63" onClick="visualisar(15)">
<img src="imagen16.gif" width="75" height="63" onClick="visualisar(16)">
<img src="imagen17.gif" width="75" height="63" onClick="visualisar(17)">
<img src="imagen18.gif" width="75" height="63" onClick="visualisar(18)">
<img src="imagen19.gif" width="75" height="63" onClick="visualisar(19)">
<img src="imagen20.gif" width="75" height="63" onClick="visualisar(20)">
</marquee> <font color="#242969" size="2" face="Arial, Helvetica, sans-serif"><strong><br>
<center>PULSA SOBRE LA FOTO PARA VERLA AMPLIADA</center> </strong></font> </td>
</tr>
<tr>
<td height="210" valign="top"> <br>
<center> <img src="imagen1.gif" name="ver" width="250" height="210" id="ver"></center>
</td>
</tr>
</table>
</body>
Mi problema es que al subir la página solo me muestra 5 imágenes en la marquesina y vuelve a empezar.
También me gustaría consultarte si existe la forma de hacer la marquesina "continua" y que no deje un espacio en blanco desde que termina hasta que vuelve a empezar. Desde ya muchas gracias.
1 Respuesta
Respuesta de Jorge Vila
1
