PDA

Click to See Complete Forum and Search --> : DHTML Stretch script help

Sefu
09-05-2003, 08:50 PM
I found the below code at http://www.webreference.com/dhtml/diner/bgresize/bgresize3.html

I am just wondering if it was possible to set a fixed height. I don't want the height of the image changed, just the width.

<HEAD>
<SCRIPT LANGUAGE="JavaScript1.2">
<!--
NS4 = (document.layers);
IE4 = (document.all);

scaleWidth = true;
scaleHeight = true;
imSRC = "skiff.jpg";

if (NS4) window.onload = setResize;

function setResize(){
setTimeout("window.onresize=reDo;",500);
}

function reDo(){
window.location.reload()
}

if (IE4) window.onresize = reDoIE;

function reDoIE(){
imBG.width = document.body.clientWidth;
imBG.height = document.body.clientHeight;
}

function makeIm() {

winWid = (NS4) ? innerWidth : document.body.clientWidth;
winHgt = (NS4) ? innerHeight : document.body.clientHeight;

imStr = "<DIV ID=elBGim"
+ " STYLE='position:absolute;left:0;top:0;z-index:-1'>"
+ "<IMG NAME='imBG' BORDER=0 SRC=" + imSRC;
if (scaleWidth) imStr += " WIDTH=" + winWid;
if (scaleHeight) imStr += " HEIGHT=" + winHgt;
imStr += "></DIV>";

document.write(imStr);

}
//-->
</SCRIPT>
</HEAD>

<BODY MARGINHEIGHT=0 MARGINWIDTH=0>
<SCRIPT LANGUAGE="JavaScript1.2">
<!--
makeIm();
//-->
</SCRIPT>
Mr J
09-06-2003, 07:19 AM
Please try the following



<HEAD>
<SCRIPT LANGUAGE="JavaScript1.2">
<!--
NS4 = (document.layers);
IE4 = (document.all);

scaleWidth = true;
scaleHeight = true;

myimg=new Image()
myimg.src="skiff.jpg";

imSRC = myimg.src

if (NS4) window.onload = setResize;

function setResize(){
setTimeout("window.onresize=reDo;",500);
}

function reDo(){window.location.reload()}
if (IE4) window.onresize = reDoIE;

function reDoIE(){
imBG.width = document.body.clientWidth;
imBG.height = document.body.clientHeight;
}

function makeIm() {
winWid = (NS4) ? innerWidth : document.body.clientWidth;
//winHgt = (NS4) ? innerHeight : document.body.clientHeight;
winHgt = (NS4) ? innerHeight : myimg.height;

imStr = "<DIV ID=elBGim"
+ " STYLE='position:absolute;left:0;top:0;z-index:-1'>"
+ "<IMG NAME='imBG' BORDER=0 SRC=" + imSRC;
if (scaleWidth) imStr += " WIDTH=" + winWid;
if (scaleHeight) imStr += " HEIGHT=" + winHgt;
imStr += "></DIV>";

document.write(imStr);

}
//-->
</SCRIPT>
</HEAD>

<BODY MARGINHEIGHT=0 MARGINWIDTH=0>
<SCRIPT LANGUAGE="JavaScript1.2">
<!--
makeIm();
//-->
</SCRIPT>