how to show/hide a few link images in an interval using jquery
<p>I'm trying to show some link images in 3 second time intervals but after the first image fades out nothing shows up, any help would be appreciated.</p>

<pre><code>&lt;div class="fadein"&gt;
  &lt;a href=""&gt;&lt;img src="/media/home-content.jpg" alt="" /&gt;&lt;/a&gt;
  &lt;a href=""&gt;&lt;img src="/media/Banners/images/denim.jpg" alt="" /&gt;&lt;/a&gt;
&lt;/div&gt;
</code></pre>

<p>jquery </p>

<pre><code>jQuery.noConflict();

jQuery(document).ready(function(){

jQuery(function(){
    jQuery('.fadein a img:gt(0)').hide();
        setInterval(function(){
          jQuery('.fadein a:first-child img').fadeOut(3000)
             .parent().next('a img').fadeIn()
             .end().appendTo('.fadein');}, 
          3000);
    });

});
</code></pre>

<p>UPDATE</p>

<p>Just change the code to </p>

<pre><code>jQuery(function(){
    jQuery('.fadein a:gt(0) img').hide();
        setInterval(function(){
          jQuery('.fadein a:first-child img').fadeOut(3000)
             .parent().next('a').children('img').fadeIn()
             .end().appendTo('.fadein');}, 
          10000);
    });
</code></pre>
