Ver Mensaje Individual
  #1 (permalink)  
Antiguo 01/04/2004, 03:39
herrezuelo
 
Fecha de Ingreso: abril-2004
Ubicación: Madrid
Mensajes: 159
Antigüedad: 20 años, 1 mes
Puntos: 0
Sonrisa Imagen Layers

Hola.
Intento crear un layer con una imagen de fondo, lo ke kiero es ke este layer sea el fondo de mi pagina.
Mi problema es que la imagen no se redimensiona al cambiar el tamaño del explorer, mi codigo es este.
La imagen no se ajusta ¡¡¡ cuando hago mas pequeña la ventanita del explorer.
A ver si alguno me puede ayudar por favor . . .

<HTML>

<HEAD><TITLE>Ejemplo del uso de layer-background-image</TITLE>
</HEAD>
<STYLE TYPE="text/css">

#layer1 {
position:absolute;
width:100%;
height:100%;
background-image:url("imagen.jpg");
}
</STYLE>

<BODY BGCOLOR=white>

<DIV id=layer1>
</DIV>

</BODY>


<SCRIPT>
var layerWidth = 300;
var oldX;
var layer1 = document.layers['layer1'];

layer1.document.captureEvents(Event.MOUSEUP|Event. MOUSEDOWN);

layer1.document.onmousedown=begindrag;
layer1.document.onmouseup=enddrag;
layer1.onload=resetcapture;

function resetcapture()
{
layer1.document.captureEvents(Event.MOUSEUP|Event. MOUSEDOWN|Event.MOUSEDRAG|Event.MOUSEMOVE);
}


function begindrag(e)
{
layer1.document.captureEvents(Event.MOUSEMOVE);
layer1.document.onmousemove=drag;
oldX=e.pageX;
return false;
}

function drag(e)
{
changeWidth(layer1, e.pageX - oldX);
oldX = e.pageX;
return false;
}

function changeWidth(layer, delta)
{
layer.bgColor = "#99BBFF";
layerWidth = layerWidth + delta;
if (delta != 0)
layer.load("inc1.htm", layerWidth);
}

function enddrag(e)
{
layer1.document.onmousemove=0;
layer1.document.releaseEvents(Event.MOUSEMOVE);
return false;
}
</SCRIPT>

</HTML>