How to use .html() with a timer in jQuery?
<p>I want to replace the contents of a div with the values found in an array. I want to keep each value within the div for 3 seconds each. Here's my code so far:</p>

<pre><code>        var images = ['a.jpg', 'b.jpg', 'c.jpg'];

        for (i = 0; i &lt; images.length; i++) {
          $('#slideShow').html("&lt;img src='../"+images[i]+"' alt='' /&gt;");
        }
</code></pre>

<p>This of course changes the images so fast that the human eye only sees one image being in the div at all times. I want to keep each image for 3 seconds before the next .html() is done on the div. How to do this?</p>
