Ajax Editor
Free Scripts
Submit Script
Link to Us
JavaScript Editor
JavaScript tutorial
HTML tutorial
CSS tutorial
JavaScript references
HTML references
CSS references
PR Detector
 
Script Categories
Background
Buttons
Calculators
Calendars
Cookies
Date & Time
Equivalents
Forms
Games
Graphic
Links & Tooltips
Messages
Menus & Navigation
Mouse & Cursor
Page Details
Pass Protect
Scrolls
Text Effects
User Details
Miscellaneous












↑
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:

Select All
<script language="javascript" type="text/javascript">      
/* Visit http://www.yaldex.com/ 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 -->
</script>

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!).

→



©