title: How can I create an image "change" effect in JQuery?
body: <p>I have the following structure: </p>
  
  <pre><code>&lt;div class="container"&gt;
       &lt;img src="images/1.png" class="image_wall_thumbnail" /&gt;
       &lt;img src="images/2.png" class="image_wall_thumbnail" /&gt;
       &lt;img src="images/3.png" class="image_wall_thumbnail" /&gt;
       &lt;img src="images/4.png" class="image_wall_thumbnail" /&gt;
       &lt;img src="images/5.png" class="image_wall_thumbnail" /&gt;
       &lt;img src="images/6.png" class="image_wall_thumbnail" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>What I want to do is use the existing images I am using in the image tags and every 2-5 seconds I want to slowly fade one image and in it's place show another image (one of the existing images in the other image tags) and I want this effect to take place randomly.  </p>
  
  <p>I've never done this before so not sure how to go about this? I am thinking fade in and fade out makes sense but not sure how to tackle this.  Any ideas?</p>