Cambiar background body al hacer clic

rapuig · #1 (**permalink**) 16/09/2011, 18:14

Hola a todos.
Quiero cambiar el background-image de cada pagina del sitio al hacer clic en el botón que te lleva a esa pagina, es decir, tengo un menu con inicio, btn1, btn 2, estando en inicio tengo un fondo, al hacer clic en btn2, me lleve a esa pagina pero cambie el fondo.
Algo así como en esta web: http://www.biscuirestaurante.com.br/

Probe haciendo lo siguiente pero no funciona:

<a href="#" onclick="javascript:document.body.style.background Image='url(img/5.jpg)';">btn1</a>

Gracias

dleal100 · #2 (**permalink**) 16/09/2011, 19:02

En javascript no esta permitido escribir espacios por eso no te funciona tu codigo
en donde dice "background image" se escribe junto y la palabra image se escribe Image
aca te dejo tu codigo

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>titulo</title>
<script type="text/javascript">
function caca(){
document.body.style.backgroundImage="url(http://images4.wikia.nocookie.net/__cb20101101184251/digimon/es/images/6/62/Gatomon%C2%B4s.jpg)";
}
</script>
</head>
<body>

<a href="javascript: caca()">CLICK HERE !!</a>

</body>
</html>

rapuig · #3 (**permalink**) 16/09/2011, 19:22

Gracias, ahora si funciono! :)