title: How does $(window).one('load') work, and how does it fail?
body: <p>As some background, I am working on building a web slider activity that fits into/extends another piece of software that outputs HTML. The key point being I have very little to no control over how the software outputs it's HTML Elements, but I can add arbitrary JavaScript and HTML elements on top of what the software outputs.</p>
  
  <p>What I am trying to do is delay the loading of some images that I want to add until after all the software's outputted elements are loaded. So far I have it working by waiting to load the images until after the window load event is fired. Like so:</p>
  
  <pre><code>//-----Simplified example-----
  $(document).on('ready', funciton(){
      //Some stuff to set things up
      $(window).one('load', function(){
          $('#SomeDiv').append('
              &lt;img class= "someClass" 
              id="arbitraryImage1"
              src="folder/image1.jpg"
          ');
      });
  });
  </code></pre>
  
  <p>Though it is working right now I'm not sure what will happen if something goes wrong. The HTML outputted by the software has a bad habit of including things that it might not need as well as occasionally not loading images on slower connections. The majority of the time if it does fail the user will not notice, so it isn't an issue. However I would like to know how <code>$(window).one('load', function(){})</code>behaves when a problem arises, so that I can work around the error or at least make the activity fail graciously. Any assistance or links to documentation would be appreciated, the generic-ness of 'window' and 'load' brings up a lot of irrelevant information when googling.</p>
  
  <p>To summarize:</p>
  
  <p><strong>What is the behaviour of <code>$(window).one('load', function(){})</code> when the window fails to load a resource (image, css, etc.)?</strong></p>