Ver Mensaje Individual
  #5 (permalink)  
Antiguo 01/04/2004, 13:10
Avatar de PatomaS
PatomaS
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.656
Antigüedad: 14 años, 7 meses
Puntos: 63
Hola

Bueno, reescribí un pelín tu código a fin de corregir errores de programación, lo podrás ver aquí abajo:

Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
#layer1 {
	position: absolute;
        top: 0px;
        left: 0px;
	width: 99%;
	height: 99%;
	background-image: url("home.jpg");
	background-repeat: no-repeat;
	z-index: 1;
	border: 1px solid #ff0000;
}

</style>
<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>
</head>

<body bgcolor="#FFFFFF">
<div id='layer1'>
<p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>
<p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>
<p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>
<p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>
</div> 
</body>
</html>
Los "<p>&nbsp;</p>", son los espacio en blacon con saltos de línea (o párrafo)

Con eso logras que la imagen esté como fondo de una página dado que está de fondo de una capa y luego colocarías o posicionarias en contenido sobre ella.

Pero con esto no se logra que se redimensione la imagen.

En este momento, no recuerdo haber visto un código que permita redimensionar una imagen colocada de fondo en una capa, por lo que, en mi ignorancia, me atrevería a decir que no es posible.

Aprovecho a recordarte que el objeto layeers, es solo de netscape 4.

Si encuentro la forma ya la pondré por aquí.

Aun queda la posibilidad de que los verdaderos expertos responda con una solución sorprendente

:)

Felicidad
__________________
¡ hey, hou, hou, hey !