title: jQuery smoothly transition from default image to another image then another
body: <p>I have a unordered list of images with the first li having a "display: list-item" and the rest having a "display: none".</p>
  
  <p>What I want to do is have a smooth transition that fades in the second image then the third without the appearance of a break.</p>
  
  <p>The following jsFiddle shows what I have at the minute, notice there is a break in the fade between the second and third image fade.</p>
  
  <p><a href="http://jsfiddle.net/e6hUr/" rel="nofollow">http://jsfiddle.net/e6hUr/</a></p>
  
  <p>Can anyone help please?</p>