title: JQuery Background Fade
body: <p>I've tried using this code <a href="https://stackoverflow.com/questions/5533171/fade-background-image-in-and-out-with-jquery">Fade background image in and out with jQuery?</a> which is awesome. Would anyone help with a quick adjustment as I'm a complete beginner at jquery. </p>
  
  <p>I would like the same (fading rotating background images). I adjusted the timing in the code so that the rotation was nice and slow (8seconds) but this delays the first image appearing. Is it possible to have the first image appear immediately then have a slow rotation?</p>
  
  <p>Thank you, 
  Amy</p>
  
  <p><strong>UPDATE:</strong>
  Thanks for your help everyone. Here's my fix in case it's useful. Forgive me as I haven't used jsfiddle or stackoverflow before. I found that running the page on a regular browser (outside jsfiddle) there was a delay in loading the first image when I wanted the rotation to be very slow. ie the screen was just black for a long time before the image loads.</p>
  
  <p>I (think I have) fixed this by adding a new image outside the jsquery scripting which loads first before the rotating background starts. </p>
  
  <p>I included the script here - <a href="http://jsfiddle.net/aha56/9CHKE/" rel="nofollow noreferrer">http://jsfiddle.net/aha56/9CHKE/</a> 
  Which is just a minor adjustment from this one <a href="http://jsfiddle.net/RnqQL/109/" rel="nofollow noreferrer">http://jsfiddle.net/RnqQL/109/</a> which I found here <a href="https://stackoverflow.com/questions/5533171/fade-background-image-in-and-out-with-jquery">Fade background image in and out with jQuery?</a></p>