Es muy sencillo utilizar unas cuantas lineas de codigo Javascript para que realize este trabajo y el usuario pueda cambiar de color o imagen de fondo.
Pasos a seguir para implementar esta función, el script lo pondremos antes de la etiqueta: </head>
<script language = "JavaScript">
function cambiar(a) {
if (a.tagName == "IMG")
document.body.style.backgroundImage = "url(" + a.src + ")";
}
</script>
El siguiente paso es colocar nuestro enlaces para hacer darle al usuario la opción de cambiar el fondo.
Esto podemos colocarlo en cualquier parte, solo debemos recordar que debe estar dentro de las etiquetas: <body> </body>
<img src="imagen1.jpg" border="0" onClick="cambiar(this)" /> <img src="imagen2.jpg" border="0" onClick="cambiar(this)" /> <img src="imagen3.jpg" border="0" onClick="cambiar(this)" /> <img src="imagen4.jpg" border="0" onClick="cambiar(this)" /> <img src="imagen5.jpg" border="0" onClick="cambiar(this)" />
Podemos poner la url completa de alguna imagen si asi lo queremos y modificar el tamaño de la imagen a mostrar con width=16 y height=16 y darle algun diseño con css para que se vea más bonito.
Aquí pueden ver un ejemplo en tiempo real: Cambiar fondo con javascript
muy bueno este tuto , tienes la posibilidad de poner algun ejemplo demo
Hola, como hago para que la imagen quede fija? cuando el usuario selecciona el fondo.
Gracias me sirvio mucho este ejemplo, lastima que para que se quede fijo se necesita utilizar una base de datos para guardar los datos del fondo.