This is a discussion on background image stretch- how to modify this script? within the osCMax v1.7 Discussion forums, part of the osCMax v1.7 Forums category; hi there, I found this script that allows a background image to stretch according to the size of the page ...
| |||||||
| Register | FAQ | Members List | Calendar | Mark Forums Read |
|
#1
| |||
| |||
| hi there, I found this script that allows a background image to stretch according to the size of the page - how do i integrate this into OSCMAX_1.5.....i'm assuming it goes into main_page.tpl, but how I'm not sure. Anyone any ideas? here's the script------------> <html> <HEAD> <SCRIPT LANGUAGE="JavaScript1.2"> <!-- NS4 = (document.layers); IE4 = (document.all); scaleWidth = true; scaleHeight = true; imSRC = "background.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> <body> </body> </html> <---------------------end of script Cheers, Tim |
| Sponsored Links | ||
| ||
|
#2
| |||
| |||
| i edited the original post's script with a simpler one - but still can't integrate it. Any one any ideas? tim |
|
#3
| ||||
| ||||
| I think you just put this code in the <head> section: Code: <SCRIPT LANGUAGE="JavaScript1.2">
<!--
NS4 = (document.layers);
IE4 = (document.all);
scaleWidth = true;
scaleHeight = true;
imSRC = "background.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>
Code: <SCRIPT LANGUAGE="JavaScript1.2"> <!-- makeIm(); //--> </SCRIPT>
__________________ Michael Sasek osCMax Developer
|
|
#4
| |||
| |||
| thanks msasek. |
| Sponsored Links | ||
| ||
| |
| Thread Tools | |
| |
| ||||
| Thread | Thread Starter | Forum | Replies | Last Post |
| Background Image | Studio143 | osCMax v1.7 Discussion | 5 | 01-02-2005 05:26 PM |
| background image has dissappeared , help | acrylictribesmen | osCMax v1.7 Discussion | 5 | 07-03-2004 10:55 PM |
| background image outside mainpage? | jloyzaga | osCMax v1.7 General Mods Discussion | 1 | 01-20-2004 02:56 AM |
| Background Image | jan_mull | osCMax v1.7 Discussion | 3 | 11-10-2003 07:31 AM |
| Column_left background image | rd42 | osCommerce 2.2 Modification Help | 4 | 07-14-2003 12:24 AM |