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
15210
Visitas
3
Resp
Por paginator95 hace 122 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 122 meses
Experto Sitio web
Respuesta #2
Hola. ¿Cómo puedo cambiar en JavaScript el color de fondo, al pasar el ratón por una zona de la página identificada con un <span id="loquesea">Contenido a cambiar de color</span>? Y que al salir el ratón de la zona vuelva a su color original. Todo esto en Javascript.
0
Puntos
Por Noemí hace 12 meses
Principiante
Respuesta #3
En realidad, lo tengo entre un div, no un span. Pero parece que nadie me contesta.
0
Puntos
Por Noemí hace 12 meses
Principiante
Compartir en facebook
Compartir en twitter
Compartir
Para comentar Inicia sesión o Registrate