Imagen de fondo en sitio web

jotaperez · #1 (**permalink**) 20/07/2008, 15:48

Hola a todos. Soy nuevo en esto del diseño. Quería preguntarles como se puede hacer para que el visitante pueda cambiar la imagen de fondo del sitio. La idea sería que hubiera 3 "botones" en la pagina de inicioy se pudiera elegir entre 3 imagenes de fondo, osea que que el visitante escoja que fondo quiere para visualizar el sitio.
Muchas gracias.

Raulmmmm · #2 (**permalink**) 21/07/2008, 03:02

Aquí tienes el código:

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Cambio de fondos con Javascript</title>
<script type="text/javascript">
var fondo = new Array();
fondo[0] = 'url(1.jpg)';
fondo[1] = 'url(2.jpg)';
fondo[2] = 'url(3.jpg)';
function cambiarfondo(seleccion){
document.body.style.background = fondo[seleccion];
}
</script>

</head>
<body>
<button onfocus="cambiarfondo(0)">Primer fondo</button> 
<button onfocus="cambiarfondo(1)">Segundo fondo</button> 
<button onfocus="cambiarfondo(2)">Tercer fondo</button> 
</body>
</html>

Simplemente tienes que cambiar 1.jpg, 2.jpg y 3.jpg (van después de <script type="text/javascript">) por la ruta de las imágenes que quieras.