Muchas gracias por tu explicacion,pero sigue cortandose la imagen al cambiar el tamaño de la ventana del IE . . .
He empezado ahora con esto de html, php, javascript . . . me averguenza mi torpeza pero . . . creo que este foro es una buena forma de aprender y asentar conociemientos, en fin . . .
El codigo me kedó asi tras tus indicaciones (no se si está mal poner tanto código aki . . .)
No me funciona
. . .
<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("fondodeseo.jpg");
z-index:1
}
</STYLE>
<BODY BGCOLOR=white>
<DIV id='layer1'>
<p> </p>
</DIV>
</BODY>
<script type="text/javascript">
var layerWidth = 300;
var oldX;
var layer1 = document.getElementById('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("fondodeseo.jpg", layerWidth);
}
function enddrag(e)
{
layer1.document.onmousemove=0;
layer1.document.releaseEvents(Event.MOUSEMOVE);
return false;
}
</SCRIPT>
</HTML>