Imágenes que cambian
Hola necesito que me ayudes, quiero saber como puedo hacer para que las imágenes que coloco en una página cambien cada vez que entres a verla o sea de forma aleatoria.
Desde ya muchas gracias.
Desde ya muchas gracias.
1 Respuesta
Respuesta de Jorge Vila
1
Puedes utilizar este código:
<HTML>
<TITLE>Image Aleatoria</TITLE>
<SCRIPT LANGUAJE="JAVASCRIPT">
<!-- Comienzo del JavaScript
<!-- JavaScript que muestra una imagen Aleatoriamente -->
<!-- basado en fuente de PcUsers (http://www.pcusers.com.ar) -->
<!-- ACLARACIón: Este Script se puede usar Libremente , es decir la copia -->
<!-- y reproduccion está permitida. Siempre y cuando mencionen el nombre -->
<!-- del Autor, osea yo. Muchas Gracias. -->
<!-- -->
<!-- Autor: Gabriel Rodríguez. -->
<!-- Web Site: http://www.gamarod.com.ar -->
<!-- e-mail: [email protected] -->
var imagenes = new armarvector ("ejemplos/lanacion.gif", "ejemplos/logotycm.gif","ejemplos/pcu.gif", "ejemplos/sur.gif", "ejemplos/maragato.gif");
// Declaramos todas las imagenes
var enlaces = new armarvector ("http://www.lanacion.com.ar", "http://www.tycsports.com.ar","http://www.pcusers.com.ar", "http://argenguide.com.ar", "http://www.maragato.com.ar");
// Declaramos sus respectivos enlaces
function Imagen_Aleatoria() {
hoy= new Date();
maximo=5; //La cantidad de imagenes que poseemos.
segundos=hoy.getSeconds();
if (segundos==0) {segundos=1}
while (segundos>maximo) {segundos=segundos-maximo}
document.write ('<A HREF="'+enlaces[segundos]+'"><IMG SRC="'+imagenes[segundos]+'" border=0>');
}
function armarvector (v1, v2,v3,v4,v5) {
this[1]=v1;
this[2]=v2;
this[3]=v3;
this[4]=v4;
this[5]=v5;
}
// Aquí tenemos nuestro Vector de imagenes, si tuvieramos 6 imagenes o más
// tendriamos que agregar las siguientes líneas.
//Ejemplo:
//--------
// function armarvector (v1, v2,v3,v4,v5,v6) {
// this[1]=v1;
// this[2]=v2;
// this[3]=v3;
// this[4]=v4;
// this[5]=v5;
// this[6]=v6;
// }
// Espero que te sirva de algo...
</SCRIPT>
<BODY>
<center><h1>El Enlace del Día es ... </h1>
(Pulsá sobre el botón actualizar ...)<p>
<SCRIPT>Imagen_Aleatoria()</SCRIPT><br><br>
<center>
<a href="http://www.gamarod.com.ar">
<br><a href="javascript:history.go(0)">Actualizar</a><br><br>
<font color="#0000FF" size="1" face="Arial">Gamarod - Recursos JavaScript</font></a>
<br>
<font color="#000000" size="1" face="Arial">Gabriel
Rodríguez, Bs As - Argentina </font></center>
</center>
<br><br><br>
</BODY>
</HTML>
Espero haberte orientado!, por favor, no olvides cerrar la pregunta para que otros me puedan preguntar!.
<HTML>
<TITLE>Image Aleatoria</TITLE>
<SCRIPT LANGUAJE="JAVASCRIPT">
<!-- Comienzo del JavaScript
<!-- JavaScript que muestra una imagen Aleatoriamente -->
<!-- basado en fuente de PcUsers (http://www.pcusers.com.ar) -->
<!-- ACLARACIón: Este Script se puede usar Libremente , es decir la copia -->
<!-- y reproduccion está permitida. Siempre y cuando mencionen el nombre -->
<!-- del Autor, osea yo. Muchas Gracias. -->
<!-- -->
<!-- Autor: Gabriel Rodríguez. -->
<!-- Web Site: http://www.gamarod.com.ar -->
<!-- e-mail: [email protected] -->
var imagenes = new armarvector ("ejemplos/lanacion.gif", "ejemplos/logotycm.gif","ejemplos/pcu.gif", "ejemplos/sur.gif", "ejemplos/maragato.gif");
// Declaramos todas las imagenes
var enlaces = new armarvector ("http://www.lanacion.com.ar", "http://www.tycsports.com.ar","http://www.pcusers.com.ar", "http://argenguide.com.ar", "http://www.maragato.com.ar");
// Declaramos sus respectivos enlaces
function Imagen_Aleatoria() {
hoy= new Date();
maximo=5; //La cantidad de imagenes que poseemos.
segundos=hoy.getSeconds();
if (segundos==0) {segundos=1}
while (segundos>maximo) {segundos=segundos-maximo}
document.write ('<A HREF="'+enlaces[segundos]+'"><IMG SRC="'+imagenes[segundos]+'" border=0>');
}
function armarvector (v1, v2,v3,v4,v5) {
this[1]=v1;
this[2]=v2;
this[3]=v3;
this[4]=v4;
this[5]=v5;
}
// Aquí tenemos nuestro Vector de imagenes, si tuvieramos 6 imagenes o más
// tendriamos que agregar las siguientes líneas.
//Ejemplo:
//--------
// function armarvector (v1, v2,v3,v4,v5,v6) {
// this[1]=v1;
// this[2]=v2;
// this[3]=v3;
// this[4]=v4;
// this[5]=v5;
// this[6]=v6;
// }
// Espero que te sirva de algo...
</SCRIPT>
<BODY>
<center><h1>El Enlace del Día es ... </h1>
(Pulsá sobre el botón actualizar ...)<p>
<SCRIPT>Imagen_Aleatoria()</SCRIPT><br><br>
<center>
<a href="http://www.gamarod.com.ar">
<br><a href="javascript:history.go(0)">Actualizar</a><br><br>
<font color="#0000FF" size="1" face="Arial">Gamarod - Recursos JavaScript</font></a>
<br>
<font color="#000000" size="1" face="Arial">Gabriel
Rodríguez, Bs As - Argentina </font></center>
</center>
<br><br><br>
</BODY>
</HTML>
Espero haberte orientado!, por favor, no olvides cerrar la pregunta para que otros me puedan preguntar!.
