Basic 2 image slideshow in Jquery
<p>I'm trying to create a basic jquery 2 image slideshow. I don't want the images to fade into eachother, they should just simply change every second. 
In the jquery code I have below, the code includes fading. What would be the correct code without fading?</p>

<pre><code>&lt;div id="manwrapper"&gt;
    &lt;div&gt;
        &lt;img src="images/index-man.png" width="500" height="788" alt="SS Image" /&gt;
    &lt;/div&gt;
    &lt;div&gt;
        &lt;img src="images/index-man2.png" width="500" height="788" alt="SS Image" /&gt;
    &lt;/div&gt;
&lt;/div&gt;
&lt;!--end manwrapper--&gt;
</code></pre>

<h1>CSS</h1>

<pre><code>#container #manwrapper {
    float: right;
    margin-top: -280px;
    z-index: 3;
    position:relative;
    width:500px;
    height:788px;
}
#container #manwrapper &gt; div {
    position:absolute;
}
</code></pre>

<h1>JavaScript</h1>

<pre><code>setInterval(function () {
    $('#manwrapper &gt; div:first')
        .fadeOut(1000)
        .next()
        .fadeIn(1000)
        .end()
        .appendTo('#manwrapper');
}, 3000);
</code></pre>
