loading secondary resources like images and such
<p>I want to show image and its text initially as we open the page for my Image Slider.</p>

<p>This is my demo: <a href="http://codebins.com/bin/4ldqp9c/15" rel="nofollow">http://codebins.com/bin/4ldqp9c/15</a></p>

<p>here i am showing as all the DOM elements is loaded, but the need is to show the first image and its text initially for my slider as we open the page.</p>

<p>So I am not understanding how to load my initial image for my slider, so that its functionality starts after all DOM elements load.</p>
