pagination — добавление paginate в PHP для отображения изображений в папке

Я пытаюсь добавить разбивку на страницы, чтобы после отображения в общей сложности около 12 изображений можно было нажать кнопку «Далее», чтобы отобразить следующие 12 изображений и т. Д., По возможности не перезагружая страницу.
Вот код, который я использую для отображения изображений

<?php
// open this directory
$myDirectory = opendir("upimg");
$myDir = opendir("thimg");

// get each entry

while($entryName = readdir($myDirectory)) {
$dirArray[] = $entryName;
}

// close directory

closedir($myDirectory);

//    count elements in array

$indexCount = count($dirArray);

?>

<?php

// loop through the array of files and print them all in a list

echo "<ul class=\"portfolio clearfix\">" ;

for($index=0; $index < $indexCount; $index++) {

$extension = substr($dirArray[$index], -3);

if ($extension == 'jpg'){ // list only jpgs

echo "\n<li class=\"box\"><a href=\"upimg/" . $dirArray[$index] . "\"  class=\"magnifier\" ><img src=\"thimg/" . $dirArray[$index] . "\"   ></a></li>";

}

}

echo "</ul>";
?>

Любая помощь с благодарностью