control image loading in javascript/jquery?
<p>I am creating an Image gallery and i want a few images to load when the next button is clicked.....<br>
for example,<br></p>

<pre><code>$("#next").css({cursor:"pointer"}).click(function(){
   //load image1,image2,image3
  });
</code></pre>

<p>HTML</p>

<pre><code>&lt;img src="image1.jpg"&gt;&lt;img src="image2.jpg"&gt;&lt;img src="image3.jpg"&gt;
</code></pre>

<p>i don't want to append them to a division, these image tags are already present in 'gallery' div tag... I just want to stop them from loading when the page loads at first and when the user clicks on next button theses images can load ...Thanks</p>
