Foros del Web » Creando para Internet » Diseño web »

Imagen de fondo en sitio web

Estas en el tema de Imagen de fondo en sitio web en el foro de Diseño web en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 20/07/2008, 16:48
 
Fecha de Ingreso: noviembre-2007
Mensajes: 67
Antigüedad: 10 años
Puntos: 0
Imagen de fondo en sitio web

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.
  #2 (permalink)  
Antiguo 21/07/2008, 04:02
Avatar de Raulmmmm  
Fecha de Ingreso: marzo-2007
Ubicación: En otro lugar que tú
Mensajes: 1.549
Antigüedad: 10 años, 8 meses
Puntos: 36
Respuesta: Imagen de fondo en sitio web

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.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:35.