detect screen size & then change imgs to bigger or smaller imgs

leeolive · May 15, 2002

Hi

I am using a script to detect screen sizes. If the screen is 600/800/1024, I use a specific ext style sheet to tailor the fonts etc for that screen size.

My question is:
I have a page 'index.html' with 7 images.
I want to be able to change these images so that if the screen size is 600 I use/load/specify smaller images, if it is 1024 I use larger images.

Does anyone know how I can do this? Do you have to give each img on the index.html page a specific ID and then refer to that id?

...not seeing the whole picture here.. is this possible and how?

thanks!
Lee

SPYDERIX · May 15, 2002

Here is how you can find out peoples screen resolutions, but I don't know how you can do the rest of what you want to do:

<SCRIPT LANGUAGE="JavaScript">
function display()
{
document.form.width.value = window.screen.width;
document.form.height.value = window.screen.height;
}
</script>

<body OnLoad="display()">

<form name=form>
<B>RESOLUTION:
<input type=text size=4 maxlength=4 name=width readOnly> x</B> <input type=text size=4 maxlength=4 name=height readOnly></form>

Hope this helps!

"Quest for the Cup - 2002!"
"Onto the 2^nd round!"

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!

detect screen size & then change imgs to bigger or smaller imgs

leeolive

Programmer

SPYDERIX

Technical User

Similar threads

Part and Inventory Search

Sponsor

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!

detect screen size &amp; then change imgs to bigger or smaller imgs

leeolive

Programmer

SPYDERIX

Technical User

Similar threads

Log in

Part and Inventory Search

Sponsor

detect screen size & then change imgs to bigger or smaller imgs