preloading only selected images
<p>I'm looking for help in resolving following problem:
I have website with 2 sliders and resizable content,
I need to make that photos on site load when:
- when its visible in slider or on site it should onload with site
- when its not visible it should be preloaded</p>

<p>Important notes:</p>

<ul>
<li>I cannot change page html(all images have src attribute) - no possibility to set to css.</li>
<li>I cannot use jQuery because i cannot wait for document.ready</li>
<li>All have be done in way that user with very slow internet connection wouldn't notice.</li>
</ul>

<p>Any clue how this can be done?</p>
