Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations Chriss Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

no tile effect for background image

Status
Not open for further replies.
seanmetaphor

seanmetaphor

MIS
Joined
Jun 3, 2002
Messages
11
Location
US
Is there any way to have dreamweaver not tile the background image when the browser window is expanded to larger than the actual image? I think this is possible. It would be great if the image could resize to the dimensions of the browser window. Any help would be appreciated. Thanks. PS check out the site to see what I'm talking about.
 
Sort by date Sort by votes
Some time ago, I located this javascript on the net.
I'm not sure where it originated from, and it may even be outdated...all I know is, it works ok for me! ;-)

<!-- SCRIPT FOR RESIZING BACKGROUND IMAGE -->
<SCRIPT LANGUAGE=&quot;JavaScript1.2&quot;>
NS4 = (document.layers);
IE4 = (document.all);

scaleWidth = true;
scaleHeight = true;
<!-- Your image URL in the line below -->
imSRC = &quot;images/weather.jpg&quot;;

if (NS4) window.onload = setResize;

function setResize(){
setTimeout(&quot;window.onresize=reDo;&quot;,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 = &quot;<DIV ID=elBGim&quot;
+ &quot; STYLE='position:absolute;left:0;top:0;z-index:-1'>&quot;
+ &quot;<IMG NAME='imBG' BORDER=0 SRC=&quot; + imSRC;
if (scaleWidth) imStr += &quot; WIDTH=&quot; + winWid;
if (scaleHeight) imStr += &quot; HEIGHT=&quot; + winHgt;
imStr += &quot;></DIV>&quot;;

document.write(imStr);

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

<BODY MARGINHEIGHT=0 MARGINWIDTH=0>
<SCRIPT LANGUAGE=&quot;JavaScript1.2&quot;>
<!--
makeIm();
//-->
</SCRIPT>
<!-- END BACKGROUND RESIZE SCRIPT -->
 
Upvote 0 Downvote
you site looks cool but the background image file size is WAY to large....you need to trim it down a bit actally a big bit I waited cuz I wanted to see but most people wont they will think the site is down or having trouble.
[afro] whos that behind you?
 
Upvote 0 Downvote
thanks deecee,

I will trim down the bg file size. What would you say is the best size for quick load time but decent quality? Thanks
 
Upvote 0 Downvote
You need to keep the entire page weight to 40k or under for a general internet audience. If the site is targeted towards, say, business users that you know have high speed connectivity then you can increase the file size appropriately. A 12 second download is about the max people will tolerate - less for high speed users (they aren't used to waiting).

Here in Wyoming I have to keep a 28.8 audience in mind. In your market you might be able to design for 56k users or better. Or you might not have a geographic market.

Nice graphics.

Peace
BT
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

sirnose1
  • Locked
  • Question Question
CFIF for CFmail
Replies
0
Views
901
sirnose1
sirnose1
cohan123
  • Locked
  • Question Question
page layout-&gt;page size, optimal for web
Replies
0
Views
733
cohan123
cohan123
FALCONSEYE
  • Locked
  • Question Question
Error: no known VMs. (check for corrupt jvm.cfg file) !!! How I Fixed It !!!
Replies
0
Views
1K
FALCONSEYE
FALCONSEYE
cohan123
  • Locked
  • Question Question
Hypertext Jump function not working
Replies
0
Views
779
cohan123
cohan123
brk1221
  • Locked
  • Question Question
Preview in browser - no css
Replies
3
Views
492
spamjim
spamjim

Part and Inventory Search

Sponsor

Back
Top