Posted By

xoxolatito on 02/05/10

Tagged

Versions (?)

Last Edited at 02/05/10 11:08am

Statistics

Viewed 581 times

Favorited by 0 user(s)

Related snippets

Diferent background image depending resolution of visitor

/ Published in: JavaScript

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

<script language="JavaScript">
 
if (screen.width + "x" +screen.height == "800x600") document.body.style.backgroundImage = "url(templates/ja_topaz/images/bk7.jpg)";
if (screen.width + "x" +screen.height == "1024x768") document.body.style.backgroundImage = "url(templates/ja_topaz/images/bk6.jpg)";
if (screen.width + "x" +screen.height == "1280x1024") document.body.style.backgroundImage = "url(templates/ja_topaz/images/bk5.jpg)";
if (screen.width + "x" +screen.height == "1600x1200") document.body.style.backgroundImage = "url(templates/ja_topaz/images/bk3.jpg)";
if (screen.width + "x" +screen.height == "1680x1050") document.body.style.backgroundImage = "url(templates/ja_topaz/images/bk2.jpg)";
if (screen.width + "x" +screen.height == "1440x900") document.body.style.backgroundImage = "url(templates/ja_topaz/images/bk.jpg)";
if (screen.width + "x" +screen.height == "1920x1080") document.body.style.backgroundImage = "url(templates/ja_topaz/images/bk8.jpg)";
 
</script>