Script Categories

User Details >>> Resolution Image.

(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.

Step 1: Add the below code to the <body> section of your page:

<script language="javascript" type="text/javascript">      
/* Visit for full source code
and get more free JavaScript, CSS and DHTML scripts! */
<!-- Begin
if (screen.height >= 768 && screen.width >= 1024) {
document.write("<img src='gecko.jpg' width=850 height=500 border=0>");
else {
if (screen.height == 600 && screen.width == 800) {
document.write("<img src='gecko.jpg' width=600 height=300 border=0>");
else {
document.write("<img src='gecko.jpg' width=475 height=250 border=0>");
//  End -->

Step 2: The script uses an images as part of its interface. You can create your own, or use the below (resized for easier download):

(right click image, and select "Save Image As")
Upload it into the same directory as your webpage.

JavaScript Editor Get Advanced
JavaScript and Ajax Editor,
Validator and Debugger!

1st JavaScript Editor.

Code was highlighted by 1st JavaScript Editor (The Best JavaScript Editor!).