title: How to loop a css background image with Jquery every few seconds?
body: <p>I would like to change a header css background image every few seconds, so its look like a slideshow.</p>
  
  <p>For example first 2 seconds be: </p>
  
  <pre><code>body#home h1#siteH1 { background:url(../images/header1.jpg) no-repeat;}
  </code></pre>
  
  <p>Next 2 seconds be: </p>
  
  <pre><code>body#home h1#siteH1 { background:url(../images/header2.jpg) no-repeat;}
  </code></pre>
  
  <p>Next 2 seconds be: </p>
  
  <pre><code>body#home h1#siteH1 { background:url(../images/header3.jpg) no-repeat;}
  </code></pre>
  
  <p>And then loop again to header1. </p>
  
  <p>If anyone knows how to do the transition with a fading effect, then it would be simply perfect. </p>