Set background due to screen resolution

hippo · Mar 2, 2005

Hi,

What i would like to have is the following:
User comes on page and script detects what resolution user have.
Due to screen resolution the background image of the page is changed.

I try the follwing but i an errors all the time (error: object
required). This is strange, without the if statement and implement the
code in a function the code works.

Got anyone a clue?

<html>
<head>
<title>mysample</title>
<SCRIPT language="JavaScript">

</SCRIPT>
</head>
<body>
blablabla
</body>
</html>

Fred Oz · Mar 2, 2005

hippo wrote:
[...]

I try the follwing but i an errors all the time (error: object
required). This is strange, without the if statement and implement the
code in a function the code works.

In which browser on what platform? It works in Safari, IE,
Firefox and Netscape on Mac (but not Opera 6).

Got anyone a clue?

The if statement is likely the issue - have you seen what
screen.width actually returns? Have you tried:

if ( self.screen.width == 1024) {

Some issues totally unrealted to your problem:

[...]

<SCRIPT language="JavaScript">

<!--

Don't bother hiding scripts.

hippo · Mar 2, 2005

I do this on a winxp, ie6.0

I changed my code to:

<script type="text/javascript">
if ( self.screen.width == 1024) {
document.body.style.backgroundImage='url(terrein.jpg)';
}
</script>

and still the error: object required.
my screen is 1024. if i do any other value, no error occurs, but also
nothing happens.

any other clues?

Fred Oz · Mar 3, 2005

hippo said:
I do this on a winxp, ie6.0

I changed my code to:

<script type="text/javascript">
if ( self.screen.width == 1024) {
document.body.style.backgroundImage='url(terrein.jpg)';
}
</script>

and still the error: object required.
my screen is 1024. if i do any other value, no error occurs, but also
nothing happens.

any other clues?

OK. Finally got access to an XP box:

if (screen.width == 1280) {
document.body.style.backgroundImage='url(1.gif)';
}

works like a charm in every browser tested, including
IE 6.0.2800 on Windows XP SP1.

Background image not showing up on html page	3	Sep 23, 2023
Resolution in IE web page	0	Jan 29, 2008
Resizing background using CSS and Javascript according to screen resolution	12	Jun 19, 2006
How to position the tooltip comment on these buttons?	9	Nov 4, 2023
My sliding panel in React Js with graphs on it renders nothing but a blank screen--need help	0	Dec 9, 2019
Please Help?	0	Jul 23, 2022
Image on header	2	May 2, 2024
Slideshow not working properly	2	Jan 7, 2023

Set background due to screen resolution

hippo

Fred Oz

hippo

Fred Oz

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads