title: Automatically changing img src value with animation jquery
body: <p>First of all, hello. I've been trying to achieve something in quite a long time. I'm trying to create a background fullscreen slideshow using jquery. I did achieve that using css animations but if you select a new tab and then go back to the tab with the css animation it starts lagging like hell. I assume that this wouldn't happen if using jquery. Also, i tried to create it as simple as possible WITHOUT using the already built jquery slideshow plugins but i couldn't.</p>
  
  <hr>
  
  <p>And now i got an idea. For the background of my sites i usually use </p>
  
  <pre><code>&lt;div id="background"&gt;
      &lt;img src="background.jpg" class="stretch" alt="" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>with the following css:</p>
  
  <pre><code>#background {
      width: 100%; 
      height: 100%; 
      position: fixed; 
      left: 0px; 
      top: 0px; 
      z-index: 0;
  }
  
  .stretch {
      width:100%;
      height:100%;
  }
  </code></pre>
  
  <p>So, is it possible to make the value of img src to change <strong>automatically</strong> and if possible to add some animation to it?</p>