title: Show Preloader image Like Facebook
body: <p>I am working on stream like FB, in which users can post status/images etc</p>
  
  <p>I want to show preloader image like in FB  they show when we scroll down to our home page(at downside) and automatically show next posts then preloader image then posts and so on.</p>
  
  <p>For now I am showing 20 posts by default and View button for showing next posts,</p>
  
  <p>Below is my HTML structure</p>
  
  <pre><code>&lt;div class="item Row mydiv StreamHide StreamBox"&gt;
  //Posts 
  //posts
  &lt;/div&gt;
  </code></pre>
  
  <p>and  this is how i am hiding some posts</p>
  
  <pre><code>   $('.mydiv').each(function (index) {
                  if (index &lt;= 20) {
                      $(this).removeClass('StreamHide');
                      $(this).addClass('StreamShow');
  
                  }
              });
  </code></pre>
  
  <p>How can i achieve the auto show functionality like FB<img src="https://i.stack.imgur.com/l7pG8.png" alt="FB Auto Preloader"></p>