Este script sirve para visualizar imágenes en secuencia; puedes probarlo siguiendo los siguientes pasos:
PASO 1: copia y pega entre <head> y </head> la siguiente secuencia
<script language="javascript">
var imagenes=new Array()
imagenes[0]=new Image (380,288);
imagenes[0].src="objetos/imagen1.jpg"
imagenes[1]=new Image (399,291);
imagenes[1].src="objetos/imagen2.jpg"
imagenes[2]=new Image (248,289);
imagenes[2].src="objetos/imagen3.jpg"
imagenes[3]=new Image (215,366);
imagenes[3].src="objetos/imagen4.jpg"
alert(imagenes[3].src);
cont=0
function presImagen()
{
document.getElementById('foto').src=imagenes.src;
if (cont < imagenes.length-1)
{cont ++}
else
{cont=0}
tiempo=window.setTimeout('presImagen()',2000)
}
</script>
PASO 2: copia y pega entre <body> y </body> esta otra
<body bgcolor="#FFFFFF" text="#000000" onLoad="presImagen()">
[contenido no disponible]
PASO 3: cambia las rutas "objetos/imagen1.jpg", "objetos/imagen2.jpg", "objetos/imagen3.jpg", y "objetos/imagen4.jpg" por otras que tengas tú.
PASO 4: y ya está. Ahora intenta visualizarlo en "Preview" o en "Vista previa en el navegador que sea", p.je. Internet Explorer, y verás que te sale este mensaje:
[contenido no disponible]
[contenido no disponible]
en donde aparece la ruta donde tengo alojada la imagen (a tí te aparecerá la tuya, ¡claro!).
Pese a salir el mensajito, si pinchas en "Aceptar" verás que el visor funciona. Pero lo que quiero es que no salga ese mensaje.
El visor lo he sacado de un foro, y lo único que he hecho ha sido modificar las rutas; pero por si acaso, aquí te dejo la secuencia original:
<html>
<head>
<script language="javascript">
var imagenes=new Array()
imagenes[0]=new Image (380,288);
imagenes[0].src="tibidabo.jpg"
imagenes[1]=new Image (399,291);
imagenes[1].src="gato.jpg"
imagenes[2]=new Image (248,289);
imagenes[2].src="paloma.jpg"
imagenes[3]=new Image (215,366);
imagenes[3].src="alenanene.jpg"
alert(imagenes[3].src);
cont=0
function presImagen()
{
document.getElementById('foto').src=imagenes.src;
if (cont < imagenes.length-1)
{cont ++}
else
{cont=0}
tiempo=window.setTimeout('presImagen()',5000)
}
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000" onLoad="presImagen()">
[contenido no disponible]
</body>
No tengo ni idea de dónde está el problema. Si algún colega le puede echar una ojeada se lo agradecería muchísimo.
Ah, y si de paso me dices cómo puede ponerles links a las imágenes ya sería el no va más.
</html>
PASO 1: copia y pega entre <head> y </head> la siguiente secuencia
<script language="javascript">
var imagenes=new Array()
imagenes[0]=new Image (380,288);
imagenes[0].src="objetos/imagen1.jpg"
imagenes[1]=new Image (399,291);
imagenes[1].src="objetos/imagen2.jpg"
imagenes[2]=new Image (248,289);
imagenes[2].src="objetos/imagen3.jpg"
imagenes[3]=new Image (215,366);
imagenes[3].src="objetos/imagen4.jpg"
alert(imagenes[3].src);
cont=0
function presImagen()
{
document.getElementById('foto').src=imagenes.src;
if (cont < imagenes.length-1)
{cont ++}
else
{cont=0}
tiempo=window.setTimeout('presImagen()',2000)
}
</script>
PASO 2: copia y pega entre <body> y </body> esta otra
<body bgcolor="#FFFFFF" text="#000000" onLoad="presImagen()">
[contenido no disponible]
PASO 3: cambia las rutas "objetos/imagen1.jpg", "objetos/imagen2.jpg", "objetos/imagen3.jpg", y "objetos/imagen4.jpg" por otras que tengas tú.
PASO 4: y ya está. Ahora intenta visualizarlo en "Preview" o en "Vista previa en el navegador que sea", p.je. Internet Explorer, y verás que te sale este mensaje:
[contenido no disponible]
[contenido no disponible]
en donde aparece la ruta donde tengo alojada la imagen (a tí te aparecerá la tuya, ¡claro!).
Pese a salir el mensajito, si pinchas en "Aceptar" verás que el visor funciona. Pero lo que quiero es que no salga ese mensaje.
El visor lo he sacado de un foro, y lo único que he hecho ha sido modificar las rutas; pero por si acaso, aquí te dejo la secuencia original:
<html>
<head>
<script language="javascript">
var imagenes=new Array()
imagenes[0]=new Image (380,288);
imagenes[0].src="tibidabo.jpg"
imagenes[1]=new Image (399,291);
imagenes[1].src="gato.jpg"
imagenes[2]=new Image (248,289);
imagenes[2].src="paloma.jpg"
imagenes[3]=new Image (215,366);
imagenes[3].src="alenanene.jpg"
alert(imagenes[3].src);
cont=0
function presImagen()
{
document.getElementById('foto').src=imagenes.src;
if (cont < imagenes.length-1)
{cont ++}
else
{cont=0}
tiempo=window.setTimeout('presImagen()',5000)
}
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000" onLoad="presImagen()">
[contenido no disponible]
</body>
No tengo ni idea de dónde está el problema. Si algún colega le puede echar una ojeada se lo agradecería muchísimo.
Ah, y si de paso me dices cómo puede ponerles links a las imágenes ya sería el no va más.
</html>