Бесконечная прокрутка и кладка на содержимом папки изображений

Название говорит обо всем на самом деле.

Мне нужно загрузить изображения из папки на сервере на веб-страницу и применить к ним как бесконечную прокрутку, так и кладку.

Я провел кучу исследований и не совсем нашел идеальное решение. Основная проблема, которую я, похоже, не могу решить — как применить нумерацию страниц к указанным изображениям, что, по-видимому, является требованием бесконечной прокрутки (если я не понял документацию).

Если у вас есть решение, которое включает в себя SQL, тогда я могу попросить вас сохранить объяснение настолько подробным, насколько это возможно, поскольку у меня практически нет опыта его использования. Я относительно комфортно с PHP и JQuery / Javascript, хотя.

Также дизайн отзывчивый. Я уверен, что информация не очень важна, но на всякий случай …

Это мой код до сих пор:

HTML & PHP

<div id="photographs">
<?php $title = get_the_title();
$folder_path = "wp-content/themes/them_name/images/photos/$title/";
$images = glob($folder_path . "*.jpg", GLOB_BRACE);
if($images){
foreach($images as $image){
$src_match = "/" . $image;
echo "<div class='masonry'><img class='photo' src='" . $src_match . "' alt='' /></div>";
}
} ?>

CSS

.masonry{width:25%;}
.masonry img{width:100%;height:auto;display:block;background:url("images/loading.gif") center center no-repeat;}

Jquery

var $container = $('#photographs');
$container.imagesLoaded(function(){
$container.masonry({
itemSelector: '.masonry',
columnWidth: '.masonry'
});
});

заранее спасибо

Майк