title: how to set interval in order to display images by turn
body: <p>so... i get an image from the array, the problem with setting the time interval,in order to display images by turn</p>
  
  <pre><code>$(function() {
      var length = $('.fadein img').length; //get the number of images
      var arrayimage = [];
      for (i=0; i&lt;length; i++){ // fill the array
          arrayimage.push($(".fadein img:eq("+ i +")").attr("src"));  
      }
      var lengtharray = arrayimage.length;
      setTimeout(function run() { 
          for (i=0; i&lt;lengtharray; i++){ //get images by turn
              var cft = arrayimage[i];               
              var imageurl = cft;
              $("html").css({
                  'background': '#000000 url("' +imageurl + '") no-repeat top left fixed',
                  'background-size' : 'cover', 
                  'width':'100%',
                  'height':'100%',
                  'position':'avsolute'
              });  
             setTimeout(cft, 5000);
              alert("set");
          }
          },5000);
  
  });
  </code></pre>
  
  <p>How to set interval? 
  It's html code if necessary :)</p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
          &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt;
          &lt;link href="style.css" rel="stylesheet" type="text/css"&gt;
          &lt;script src="js/jquery/jquery2.0.3.js"&gt;&lt;/script&gt;        
          &lt;script src="js/jquery/slideshow.js"&gt;&lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div class="fadein"&gt;
              &lt;img src="images/backgrounds/stones.jpg"/&gt;
              &lt;img src="images/backgrounds/pier.jpg"/&gt;
              &lt;img src="images/backgrounds/sea-mist.jpg"/&gt;
              &lt;img src="images/backgrounds/mojave.jpg"/&gt;
              &lt;img src="images/backgrounds/flowing-rock.jpg"/&gt;
          &lt;/div&gt; 
      &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>