jQuery. Preload images who's src is in a data attribute of another image
<p>I need to be able to preload images which are stored in a dataattribute of an img tag</p>

<pre><code>   &lt;div id="slider" class="nivoSlider"&gt;
      &lt;a href="#"&gt;&lt;img src="http://domain.com/wp-content/themes/xx/images/heros/1-Image.jpg" data-overlay1="http://domain.com/wp-content/themes/xx/images/heros/1-Blog.png" data-overlay2="http://domain.com/wp-content/themes/xx/images/heros/1-anotherimage.png" /&gt;&lt;/a&gt;

    &lt;a href="#"&gt;&lt;img src="http://domain.com/wp-content/themes/xx/images/heros/2-Image.jpg" data-overlay1="http://domain.com/wp-content/themes/xx/images/heros/2-Blog.png" data-overlay2="http://domain.com/wp-content/themes/xx/images/heros/2-anotherimage.png" /&gt;&lt;/a&gt;
   &lt;/div&gt;
</code></pre>

<p>Basically I need to preload the images in data-overlay1 and data-overlay2.</p>

<p>How would I do this?</p>
