secuencia de imágenes

marcosjoel · #1 (**permalink**) 25/11/2002, 20:04

Hola, quisiera saber qué código serviría para poder realizar lo siguiente:
tener una imagen en una página, ej.: foto en una index, visitar otra página, y al volver a la index, hay una imagen diferente en lugar de la que estaba.
Creo que se trata de una secuencia, pero no se como realizarla.
Agradezco desde ya cualquier ayuda que puedan brindarme.
Saludos.

caricatos · #2 (**permalink**) 27/11/2002, 07:06

Hola marcosjoel:

Lo que tú quieres, mejor que una secuencia de imágenes yo diría que es poner imágenes de manera aleatoria, porque si te vas de la página no es posible saber cuál es la imagen anterior (a no ser que quieras meterte con cookies)

para poner imágenes aleatorias en un tag puedes hacer algo parecido a esto:

<script language="bla, bla">
var fondos = ["fondo1.gif", "fondo2.gif"]; // los fondos que quieras
var imagen = fondos[Math.floor(Math.random() * fondos.length)];
document.write("<img src='" + imagen + "' >";
</script>

Si no me equivocado en la sintaxis, debería funcionar.

Saludos

marcosjoel · #3 (**permalink**) 27/11/2002, 08:37

Pero tengo un problemita...

No conozco mucho sobre JavaScript, y no sé bien dónde inserto el código que tu me diste, probé en el head, pero en el body no sé que hacer y viseversa.
Te cuento bien como es la cosa; tengo 2 fotos en el sitio: botellas.jpg y bandera.jpg, las 2 se encuentran en la carpeta material de mi sitio, y estas deberían cambiarse aleatoriamente como tu lo dijistes dentro de una celda de una tabla.
Realicé lo siguiente tal cual lo ves,:
<head>
bla, bla, bla (¡esto no lo puse!)
<script language="JavaScript">
var fondos = ["material/botellas.jpg", "material/bandera.jpg"]; // los fondos que quieras
var imagen = fondos[Math.floor(Math.random() * fondos.length)];
document.write("<img src='" + imagen + "' >";
</script>
</head>

y probé también así dentor del body:

<table bla,bla,bla>
<tr>
<td>
<script language="JavaScript">
var fondos = ["material/botellas.jpg", "material/bandera.jpg"]; // los fondos que quieras
var imagen = material[Math.floor(Math.random() * material.length)];
document.write("<img src='" + imagen + "' >";
</script>
</td>
<td width="50"> </td>
</tr>
</table>

Se que estoy rompiendo los cocos, pero si encuentras el problema y me lo dices, me estarías haciendo un gran favor.
Muchas gracias y disculpa la molestia.

Kaopectate · #4 (**permalink**) 27/11/2002, 09:23

Ayudando un poco...

Cita:

Mensaje Original por caricatos

Código:

 
<script language="JavaScript" >
var fondos = ["fondo1.gif", "fondo2.gif"]; // los fondos que quieras
var imagen = fondos[Math.floor(Math.random() * fondos.length)];
document.write("<img src='" + imagen + "' >") ;
</script>

Ese código lo tienes que colocar dentro del body sustituyendo tu tag <img>. Es decir, donde está colocado tu <img src="..."> vas a colocar todo el script y vas a modificar el document.write para que el <img> de Caricatos tenga el nombre y las características que deseas.

Saludos.

Kaopectate · #5 (**permalink**) 27/11/2002, 09:24

¡Atención con el paréntesis que te puse en negritas!

caricatos · #6 (**permalink**) 27/11/2002, 09:48

Hola otra vez:

Lo que dice Kaopectate es cierto (aunque no llegué a enterarme de lo de las negritas) y debes ponerlo dentro del body, aunque tal vez funcione en otros sitios (no juguemos con nuestra suerte), lo que he visto es que en el código que has puesto hay un material fuera de sitio.

Cita:

var imagen = material [Math.floor(Math.random() * material .length)];

Revísalo y pruébalo.

Saludos

marcosjoel · #7 (**permalink**) 27/11/2002, 12:27

Gracias amigos!
Realicé los cambios que me citaron (inserté código dentro de celda de tabla, en vez de <img>, agregué paréntesis que faltaba y quité la palabra "material" en donde no iba)
en fin, quedó funcionando lo más bien.
Les agradezco muchísimo.
Saludos.

canalnastic · #8 (**permalink**) 18/09/2007, 09:09

Una pregunta, he probado este código y me va perfectro, mi problema es que en mis imágenes aleatorias tengo una parte diseñada que es común en todas, a esa parte de la imagen le aplico un map para que me sirva d eenlace a otras zonas web.
Como podría aplicar a este código un map de forma que me funcione?, gracias

canalnastic · #9 (**permalink**) 18/09/2007, 15:57

¿Alguien sabe como hacerlo? Me urge, y aunque lo he intentado no lo consigo. Gracias.

Pongo de ejemplo: http://www.canalnastic.com

Quisiera aplicarlo a la cabecera de arriba de forma que cambiasen las cabeceras cada vez que se entre, pero en la misma imagen tengo el mapa de cataluña y españa que mediante un enlace " map" dan acceso a las dos versiones diferentes. Es esto lo que no se como poder aplicarlo, que haga la secuencia respetando estos enlaces.

marcosjoel · #10 (**permalink**) 19/09/2007, 06:25

Prueba utilizando 2 layers que "floten" sobre las imágenes (un layer sobre el mapa de Cataluña y otro sobre el mapa de España) y a estos le colocas un gif transparente con el link correspondiente.

Si no te manejas mucho con layers te doy una mano
Salu2!