title: How do I add random images to a web page with or without the help of backstretch in jQuery
body: <p>This is the code that I am using, but it is not working when I run it:</p>
  
  <pre><code>  $(document).ready(function(){
  
               var lst_img = ["tab1.jpg",'tab2.jpg','tab3.jpg','tab4.jpg','tab5.jpg' 'tab6.jpg','tab7.jpg','tab8.jpg','tab9.jpg','tab10.jpg','tab11.jpg','tab12.jpg','tab13.jpg' 'tab14.jpg','tab15.jpg','tab17.jp','tab18.jpg','tab19.jpg'] 
  
             var loop = 0;
             var b = $('#img_container');
              var src = [];
          var len = lst_img.length;
         for (var i = 0; i &lt;len; i++) {
              src[i] = $(#img_container).eq(i).attr('lst_img[i]');
              }
  
          setInterval(function() {
  
  
            // loop = (loop + 1) % len;
           $(b).backstretch(src, {
                       duration: 2000,
                       fade: 1750,
                       lazyload: true });
      });
  });
  </code></pre>