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