Bienvenido a datoweb.com!! En este foro podrás encontrar ayuda sobre diseño y desarrollo web en general. Si quieres formar parte de esta comunidad para pedir ayuda o colaborar ayudando a otros usuarios del foro solo tienes que registrarte desde el siguiente enlace: Registrarse en el Foro

Cambiar fondo de pagina mediante un botón

Buenas a todos estoy haciendo un proyecto muy sencillo pero me flipa el poder cambiar el fondo en imagen, no color plano de una web, alguien sabe como tengo que hacerlo? Se hace con html5 o se necesita php/js...

Sería algo como esto:

código - ejemplo

Pero a mi me interesaría cambiar los colores por imágenes de fondo.
0
Puntos
10150
Visitas
1
Resp
Por paginator95 hace 92 meses
Principiante
Respuesta #1
Hola paginator95,

Para ésto no me voy a guiar por el código que anexaste sino que usaré otro método. Empecemos.

El código que anexaste dice <BODY bgcolor="white"> y lo vas a cambiar por
<BODY id="body">
Esto para que cambiemos las cosas del archivo CSS y trabajamos mejor. Ahora como cambiar el fondo, veamos.
<html>
<head>
<title>Cambiar imagen de fondo</title>
<style>
   body {
      background:url(imagen1.jpg);
   }
</style>
<script>
	function cambiar() {
		document.getElementById('body').style.backgroundImage='url(imagen2.jpg)';
	}
</script>
</head>

<body id="body">

<button onclick="cambiar();">Cambiar Fondo</button>

</body>
</html>
5
Puntos
Por Jose hace 92 meses
Experto Sitio web
Compartir en facebook
Compartir en twitter
Compartir
Para comentar Inicia sesión o Registrate