title: Can I sync up multiple image onload calls?
body: <p>I want a function to run when specific images are loaded, but I don't know how to wait for both to load before running. I only know how to chain them, like below:</p>
  
  <pre><code>Image1 = new Image();
  Image1.src = 'image1-link.jpg';
  
  Image2 = new Image();
  Image2.src = 'image2-link.jpg';
  
  Image1.onload = function() {
      Image2.onload = function() { ... }
  }
  </code></pre>
  
  <p>The downside to this is it has to wait till Image1 completely loads before getting the second. I want to try something like this:</p>
  
  <pre><code>Image1 = new Image();
  Image1.src = 'image1-link.jpg';
  
  Image2 = new Image();
  Image2.src = 'image2-link.jpg';
  
  (Image1 &amp;&amp; Image2).onload = function() { ... }
  </code></pre>
  
  <p>EDIT: Thank you both for the help Paul Grime and ziesemer. Both your answers are very good. I think I have to give the best answer to Paul Grime, although his uses more code, I only need to know the src of the images and the onload function is built in while in ziesemer's answer I need to know both the src, the count of the images, and have to write multiple onload lines.</p>
  
  <p>Depending on the situation, both have their purpose. Thank you both for the help.</p>