02/01/2005, 09:15
| ||||
| ||||
| Imagen aleatoria con enlace Verán, quiero preguntarles como sería el código para esto, quiero aplicarlo en mi web, pero yo de javascript ni idea. Se trata de lo siguiente, quiero q al cargar la web cargue una imagen aleatoriamente y depende la foto, cada foto tiene asignada una url, sabrían como hacerlo? |
|
02/01/2005, 11:13
| ||||
| ||||
| Hola Sette:
Código:
Lo del evento onclick en el enlace lo puse para hacer pruebas, y el array de objetos no creo que tengas problemas en llenarlos... <html>
<head>
<script >
var datos = function(imagen, enlace) {
this.imagen = imagen;
this.enlace = enlace;
}
var objetos = new Array();
objetos[0] = new datos("../papanoel.gif", "enlace1.html");
objetos[1] = new datos("../miemoticon.gif", "enlace2.html");
objetos[2] = new datos("../papanoel2.gif", "enlace3.html");
function aleatorio() {
var azar = Math.floor(Math.random() * objetos.length);
document.images["imagen"].src = objetos[azar].imagen;
document.getElementById("enlace").href = objetos[azar].enlace;
}
</script>
</head>
<body onload="aleatorio()">
<a href="#" name="enlace" id="enlace" onclick="alert(this.href); return false" >
<img src="" name="imagen" />
</a>
</body>
</html>
 Espero que te sirva. Saludos 
__________________ Por favor: No hagan preguntas de temas de foros en mensajes privados... no las respondo |
|
02/01/2005, 11:20
| ||||
| ||||
| muchas gracias, ahora me voy, pero le he hechado un pequeño vistazo y si que creo que me va a saervir, gracias |
|
02/01/2005, 15:46
| ||||
| ||||
| Saludos. Que parte del codigo debo eliminar si quiero solo la imagen aleatoria sin enlace?
__________________ Visita Viajés y Cosas Así |
|
02/01/2005, 16:07
| ||||
| ||||
| Hola Hildergarn: Bueno, sobraría el tag a, y la declaración del objeto tampoco tendría sentido, y el array sería solo de nombres de ficheros gráficos...
Código:
Saludos <html>
<head>
<script >
var objetos = new Array();
objetos[0] = "../papanoel.gif";
objetos[1] = "../miemoticon.gif";
objetos[2] = "../papanoel2.gif";
function aleatorio() {
var azar = Math.floor(Math.random() * objetos.length);
document.images["imagen"].src = objetos[azar];
}
</script>
</head>
<body onload="aleatorio()">
<img src="" name="imagen" />
</body>
</html>
__________________ Por favor: No hagan preguntas de temas de foros en mensajes privados... no las respondo |
Respuesta: Imagen aleatoria con enlace 