Шаг 1
Загрузите jquery.infinitescroll.min.js с https://github.com/paulirish/infinite-scroll и поместите его в /sites/all/themes/YOURTHEME/js/jquery.infinitescroll.min.js.
Шаг 2
Добавьте файл JavaScript в файл .info вашей темы.
Шаг 3
Создайте собственный файл JavaScript /sites/all/themes/YOURTHEME/js/YOURTHEME.js, содержащий следующий код.
/**
* Implementation of autopager @see https://github.com/paulirish/infinite-scroll
* All views that have the "autopager" class will have an autopager
*/
Drupal.behaviors.viewsInfiniteScroll = function(context) {
$(function(){
var $container = $('div.autopager div.view-content');
$container.imagesLoaded( function(){
$container.infinitescroll({
navSelector : 'div.autopager .pager', // selector for the paged navigation
nextSelector : 'div.autopager .pager-next a', // selector for the NEXT link (to page 2)
itemSelector : 'div.autopager .views-row', // selector for all items you'll retrieve
loading: {
finishedMsg: 'No more pages to load.',
img: '/sites/all/themes/YOURTHEME/images/loading.gif'
}
})
})
});
}
Шаг 4
Добавьте CSS бесконечного загрузчика прокрутки
#infscr-loading {
position: fixed;
text-align: center;
bottom: 300px;
left: 42%;
z-index: 100;
background: white;
background: hsla( 0, 0%, 100%, 0.9 );
padding: 20px;
color: #222;
font-size: 15px;
font-weight: bold;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
Шаг 5
Убедитесь, что версия jquery новее 1.7.1. Используйте один из методов, описанных в http://drupal.org/node/1058168, для установки более новой версии jQuery в Drupal.