Generar paginación en galeria

[laaz13]

Buen dia a todos..

me encuentro en un problema con PHP, para empezar yo no lo se manejar mucho o mejor dicho casi nada...

estoy haciendo galeria de imagenes con php que me las importe desde un carpeta ok esto ya esta, pero quiero que me cree una paginacion, para que no me salgan todas las imagenes...

este es el codigo que estoy utilizando para generar la galeria, como le agrego la paginacion?

Código PHP:

<?php
 
$directory = 'gallery';
 
$allowed_types=array('jpg','jpeg','gif','png');
$file_parts=array();
$ext='';
$title='';
$i=0;
 
$dir_handle = @opendir($directory) or die("There is an error with your image directory!");
 
while ($file = readdir($dir_handle)) 
{
    if($file=='.' || $file == '..') continue;
    
    $file_parts = explode('.',$file);
    $ext = strtolower(array_pop($file_parts));
 
    $title = implode('.',$file_parts);
    $title = htmlspecialchars($title);
    
    $nomargin='';
    
    if(in_array($ext,$allowed_types))
    {
        if(($i+1)%4==0) $nomargin='nomargin';
    
        echo '
        <div class="pic '.$nomargin.'" style="background:url('.$directory.'/'.$file.') no-repeat 50% 50%;">
        <a href="'.$directory.'/'.$file.'" title="'.$title.'" target="_blank">'.$title.'</a>
        </div>';
        
        $i++;
    }
}
 
closedir($dir_handle);
 
?>
?>
 

Gracias por su tiempo!

[lordglazoon]

Se me ocurre algo rapido y facil, primero saber cuantas imagenes tienes, segun la cantidad que quieras poner por div sabes cuantas div crear, luego las insertas en cada div, genera un par de botones que llamen a una funcion javascript mostrar_ocultar() con la cual vas mostrado una div y ocultando las otras.

document.getElementById('capa1').style.display = 'none'; // esta oculta
document.getElementById('capa1').style.display = 'block'; // esta visible

<div id="capa1" style="display:none"></div> // por default oculta

[laaz13]

el rollo es que me cargue solo 20 imagenes, si tengo mas de 20 imagenes que me cree una segunda pagina.
y asi susecivamente!!