capas

soud · #1 (**permalink**) 28/06/2004, 15:48

como puedo cambiar el background una capa por una imagen diferente al pulsar un boton y que esta nueva imagen quede como fondo mientras que el usuario navegue por mi pagina?

caricatos · #2 (**permalink**) 29/06/2004, 01:39

Hola soud:

<button onclick="la_capa.style.backgroundImage = 'url(imagen.gif)'" >fondo </button>

la_capa tiene que ser algo del tipo document.getElementById("capa")

Para otros parámetros de posicionamiento y colores, puedes fijarte en las FAQs de CSS

Saludos

soud · #3 (**permalink**) 24/07/2004, 16:45

podrias darme un ejemplo de como hacer eso.

digamos que tengo:

Código PHP:

   
<html> 
<head> 
<title>Capas</title> 
</head> 
<body> 
 
<div id="capa1" style="WIDTH: 100; HEIGHT: 100;">Cambio de fondo</div> 
 
<button onclick="la_capa.style.backgroundImage = 'url(imagen.gif)'" >fondo </button> 
 
</body> 
</html>

como iria el codigo del cambio de fondo.

si la url de la img es

http://www.mipagina.com/img/img.gif

caricatos · #4 (**permalink**) 25/07/2004, 10:51

Hola otra vez:

Básicamente es:

<html>
<head>
<title>Capas</title>
</head>
<body>

<div id="capa1" style="WIDTH: 100; HEIGHT: 100;">Cambio de fondo</div>

<button onclick="document.getElementById('capa1').style.ba ckgroundImage = 'url(http://www.mipagina.com/img/img.gif
)'" >fondo </button>

</body>
</html>

Saludos