Best Image Resolution For Different Web Browser Resolution

(Version 4.0+ Browsers) Loads an image with different dimensions based on the users screen resolution setting. Higher resolution browsers see an image with increased dimensions and lower resolution browsers see an image with decreased dimensions. This separation ensures that each browser sees the image size that looks best in their browser. Great use of JavaScript 1.2 also!

Script Demo:

N/A

JavaScript Code:

Insert this code into <head> tags

Insert this code into <body> tags

<script language="javaScript1.2">
<!-- Original:  Daniel Farmer (danfarmer@hotmail.com) -->
<!-- Web Site:  http://www.webgraphics.on.ca -->

<!-- This script and many more are available free online at -->
<!-- Road2webmaster!! http://www.road2webmaster.com -->

<!-- Begin
if (screen.height >= 768 && screen.width >= 1024) {
document.write("<img src='IMAGE768x1024.gif' width=850 height=11 border=0>");
}
else {
if (screen.height == 600 && screen.width == 800) {
document.write("<img src='IMAGE800x600.gif' width=600 height=11 border=0>");
}
else {
document.write("<img src='IMAGE.gif' width=475 height=11 border=0>");
   }
}
//  End -->
</script>

Instruction:

Change the IMAGE.gif to your image file URL. Can use a different image name.

Change the width and height values to suit your needs.

Webmaster » Web Programming » JavaScript » Browser Window » Best Image Resolution

Related Links:

Home | Sitemap | Bookmark This Page

Sponsored Links

Recommended Links