title: Make image SlideShow and text by jQuery
body: <p>I want make a jquery slideshow with show text(each text in title tag <code>&lt;img&gt;</code>) in following image without use plugin, i tried as: (it doesn't work [i should use of class <code>div.mediumCell</code> for tag <code>img</code> and text it])</p>
  
  <p><strong>DEMO:</strong> <a href="http://jsfiddle.net/pzyxk/" rel="nofollow">http://jsfiddle.net/pzyxk/</a></p>
  
  <pre><code>$('.fadein .mediumCell:not(:first)').hide();
  setInterval(showNext, 3000);
  
  function showNext() {
      $('div#caption').remove();
      var current = $('.fadein :first-child');
      var next = current.next('.mediumCell');
  
      current.fadeOut("slow", function () {
          $(this).appendTo('.fadein');
      })
  
      caption(next);
      $(next).next(".mediumCell").andSelf().fadeIn()
  };
  
  function caption(element) {
      $('&lt;div class="mediumCell"/&gt;').hide().html($(element).attr("alt")).insertAfter($(element)).fadeIn();
  };
  </code></pre>
  
  <p>How is fix it?</p>