SET IMAGE BASED ON SCREEN RESOLUTION

rry2k · Oct 22, 2002

Hi,

I am trying to set image sizes based on screen resolution per help I received in a previous message. The code I have now that doesn't work is listed below. With the images outside of the Javascript the images display fine but not within the tags.

<html>
<head>
<script language="javascript">
if (screen.width > 800)
{
<img src="images/untitled2.gif"><FONT COLOR="#006699">;
}
if (screen.width < 800)
{
<img src="images/untitled2test.gif"><FONT COLOR="#006699">;
}
</script>
</head>
</html>

gny · Oct 22, 2002

Try putting the tags within a

Code:

document.write()

call.
As it is now the browser tries to interpret the tags as javascript and not as html.

Code:

if (screen.width > 800)
{
document.write('<img src=&quot;images/untitled2.gif&quot;><FONT COLOR=&quot;#006699&quot;>');
}

Good luck!

rry2k · Oct 23, 2002

That did the trick.

Thanks..Russ

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!

SET IMAGE BASED ON SCREEN RESOLUTION

rry2k

Programmer

gny

Programmer

rry2k

Programmer

Similar threads

Part and Inventory Search

Sponsor