title: jQuery event after div background-image is rendered
body: <p>Thanks for taking some of your time.</p>
  
  <p>I was wondering if there was a possible way using jQuery to trigger a function right after a div background image is finished downloading and rendered.</p>
  
  <p>Let's say you have this div</p>
  
  <pre><code>&lt;div id="img1" class="img1"&gt; &lt;/div&gt;
  </code></pre>
  
  <p>where img1 style is</p>
  
  <pre><code>.img1 {
      background-image: some_big_image.png;
      background-position:center;
      background-repeat:no-repeat;
      background-size:cover;  
      display: none;
  }
  </code></pre>
  
  <p>concidering this javascript function </p>
  
  <pre><code>function showDiv() {
    $("#img1").fadeIn(1000);
  }
  </code></pre>
  
  <p>Is there a way to call the previous function right after the image is rendered? 
  By rendered I mean resized to fit nicely within its div and ready to be shown.</p>
  
  <p>I found a lot of infos about triggering a function after page load or after downloading image but nothing about post-render.</p>
  
  <p>You guys are the bests. Thank you in advance.</p>