title: jquery slideshow need images to seamlessly fade from one to the next
body: <p>I have a jquery slide show that right now fades from image to image. Ideally I would like the next image to appear by the time the previous slide is finished. </p>
  
  <p>Here is the script that is calling the fade any help would be appreciated thanks. </p>
  
  <pre><code>slidesContainer
      .find(options.slides)
      .filter(':visible')
      .hide()
      .end()
      .end()
      .find(options.slides)
      .filter(':eq('+ordernum+')')
      .stop()
      .fadeIn(4000).fadeOut(2000);
  </code></pre>