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:
Pero a mi me interesaría cambiar los colores por imágenes de fondo.
#2 #3 Gracias, me lo tengo que mirar por que NO tengo ni idea que no sea html/css, pero gracias de nuevo
Diversas formas con Javascript:
document.getElementsByTagName('body')[0].style.backgroundImage = 'url(urlimagen)';Eso si lees un poco sabrás exportarlo a fuera del body, si es solo para el body es mas corto:
document.body.style.backgroundImage = 'url(urlimagen)';
Siempre que quieras un boton o algo que haga cambios sobre la pagina en tiempo real (sin recarga y sin peticiones al servidor) tiene javascript (CSS3: animation tambien lo hace..).
Con javascript:
document.body.setAttributeCon Jquery:
$(body).css("background-image","url(\"imagen.jpg\")")Algo asi supongo.
#2 Es para el body, así que usaría este código
document.body.style.backgroundImage = 'url(urlimagen)';Pero cómo lo llamo/ejecturo con un botón?
#5 me lo tengo que mirar que voy muy perdido, te todas maneras mil gracias!
Con
<button value="Boton" onclick=" document.body.style.backgroundImage = 'url(\'urlimagen\')';"></button>Si quieres hacer que cada vez que le de al boton cambie de imagen haz una funcion con una array de strings y que vaya cambiando.
<script type="text/javascript">
var Imagenes = new Array("Imagen1.jpg","Imagen2.jpg","etc");
var index = 0;
function ChangeImage(index,Imagenes){
document.body.style.backgroundImage = 'url(Imagenes[index])';
}
</script>
<button value="Boton" onclick="ChangeImage(index++,Imagenes);"></button>