Cambiar imagen de fondo con un link??

sergiopalao · #1 (**permalink**) 19/03/2008, 13:31

Hola, muy buenas,
alguien me podría decir cómo se puede hacer un enlace (CSS) que al hacerle clic cambie la imagen de fondo de pantalla de una web???...
Bueno, esto si lo he conseguido con un script, pero sólo cambia la imagen de fondo una vez.
El script que tengo es:

function addCss(cssCode) {
var styleElement = document.createElement("style");
styleElement.type = "text/css";
if (styleElement.styleSheet) {
styleElement.styleSheet.cssText = cssCode;
} else {
styleElement.appendChild(document.createTextNode(c ssCode));
}
document.getElementsByTagName("head")[0].appendChild(styleElement);
}
...y el enlace:
<a href="javascript:addCss('body{background: url(imagenes/arbol2.jpg)no-repeat};')">Cambiar fondo</a>

Lo que quiero es que al hacer clic repetidas veces en ese mismo enlace, cambie aleatoriamente, o dentro de una lista, diferentes imágenes de fondo que hay en una carpeta.

Alguien me podría dar un código para hacer esto o modificar el que tengo??

Muchas gracias,...

JavierB · #2 (**permalink**) 19/03/2008, 13:49

Hola sergiopalao. Bienvenido al foro.

Prueba este ejemplo:

Código:

<html>
<head>
<script type="text/javascript">
imagenes = ['imagen1.jpg','imagen2.jpg','imagen3.jpg','imagen4.jpg'];
function cambiar() {
  num = Math.floor(Math.random()*imagenes.length);
  document.body.style.background = 'url('+imagenes[num]+') no-repeat';
}
</script>
</head>
<body>
<a href="#" onclick="cambiar(); return false">Cambiar</a>
</body>
</html>

Mensaje movido al foro de JavaScript desde Css.

Saludos,

sergiopalao · #3 (**permalink**) 19/03/2008, 14:04

muchas gracias, ha sido de gran ayuda...