Solved

Dynamically change image SRC

Posted on 2006-10-19
2
443 Views
Last Modified: 2012-05-05
Hello,

How does one dynamically alter the background image based upon the screen resolution? Basically, I have 2 images. If the user is a laptop user, they will always be 1024. If they are a desktop user, they will always be 800. I want to alter tbe <Body Background="somepath.gif"> entry to reflect that when they open the page.

<Script language="javascript">
            function loadBackground ()      {
            if (screen.width<=800) {
                  //alert('800');
                                                //Document.write(Body HTML for Image800.gif)
                  }
                  else  {
                  //alert('greater than');
                                                //Document.write(Body HTML for Image1024.gif)
                  }
            }
</Script>
0
Comment
Question by:SWRO
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 5

Accepted Solution

by:
aaronchan earned 125 total points
ID: 17771010
Remember to add onload event on your <body>.  Good luck!

<Script language="javascript">
      function loadBackground()     {
            if (screen.width <= 800) {
                  //alert('800');
                  //Document.write(Body HTML for Image800.gif)
                  document.body.background = 'http://i.i.com.com/cnwk.1d/i/hdft/redball.gif';
            }
            else  {
                  //alert('greater than');
                  //Document.write(Body HTML for Image1024.gif)
                  document.body.background = 'http://www.experts-exchange.com/images/10Years.gif';
            }
      }
</Script>
<body onload="loadBackground();">
</body>
0
 

Author Comment

by:SWRO
ID: 17771405
Thanks!
0

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

The task A number given should be formatted for easy reading by separating digits into triads. Format must be made inline via JavaScript, i.e., frameworks / functions are not welcome. So let’s take a number like this “12345678.91¿ and format i…
This article will give core knowledge of JavaScript and will head in to your first JavaScript program. I am Durvesh Naik and I am here to deal with this series of JavaScript. I will teach you JavaScript in part wise , as its quite boring to read big…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

734 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question