Afficher l'image Preloader Comme Facebook

Question

Je travaille sur flux comme FB, dans lequel les utilisateurs peuvent afficher le statut/images etc

Je veux montrer l'image de préchargement comme FB ils montrent quand nous défiler vers le bas à notre page d'accueil (à inconvénient) et afficher automatiquement les messages suivants, puis précharger l'image puis les messages et ainsi de suite.

Pour l'instant je montre 20 messages par défaut et le bouton Affichage pour montrer les messages suivants,

ci-dessous est ma structure HTML

<div class="item Row mydiv StreamHide StreamBox"> 
//Posts 
//posts 
</div> 

et voilà comment je me cache des messages

$('.mydiv').each(function (index) { 
       if (index <= 20) { 
        $(this).removeClass('StreamHide'); 
        $(this).addClass('StreamShow'); 

       } 
      }); 

Comment puis-je obtenir la fonctionnalité de présentation automatique comme FB

Answer 1

Vous pouvez utiliser le infinite scroll plugin pour implémenter cette fonctionnalité.

Voilà comment vous pouvez le configurer:

$('#content').infinitescroll({ 

    // selector for the paged navigation (it will be hidden) 
    navSelector : "div.navigation", 

    // selector for the NEXT link (to page 2) 
    nextSelector : "div.navigation a:first", 

    // selector for all items you'll retrieve 
    itemSelector : "#content div.post"   

}); 

Vous trouverez peut-être aussi le following article utile car il contient de nombreux exemples de la façon dont vous pouvez l'utiliser le plug-in.