Script PHP de galerie d'images utilisant CSS grid

<?php
/**
 * Affichage d'une galerie de photos (utilisant css grid)
 * 02/02/2022
 * www.nonoweb.net
 */
 
/**
 * constantes
 */
define('MSG_FOLDER_MISSING', 'Paramètre obligatoire <strong>«&#8239;folder</strong>&#8239;» non spécifié.');
define('MSG_ERREUR_AFFICHAGE_GALERIE', 'Shortcode <strong>galerie</strong>&nbsp;: ');
define('MSG_PATH_NOT_EXIST', 'Dossier <strong>«&#8239;%s</strong>&#8239;» absent.');
define('MSG_NO_THUMBNAILS_TO_DISPLAY', 'Pas de miniature dans le dossier <strong>«&#8239;%s</strong>&#8239;».');
define('MSG_NO_FILE_INFOS', 'Fichier <strong>«&#8239;infos.php</strong>&#8239;» absent dans le dossier<strong>«&#8239;%s</strong>&#8239;».');
// Icône Font Awesome (https://fontawesome.com/v4/get-started/)
define('ICON_WARNING', '<i class="fa fa-exclamation-triangle margin-right" aria-hidden="true"></i>');
define('MINIMUM_SIZE', 48); // taille minimum du bloc contenant une miniature

/**
 * parcourt un dossier $f
 * retourne un tableau contenant les images de la forme xxxxx_small.ext avec l'(les) extension(s) contenue dans le tableau $e
 * nombre d'images à afficher $n
 * $exc : images exclues (paramètre excluded de la fonction galerie)
 */
function searchExtFolder($f, $e, $n, $exc) {
$tbl_small = array();
$cpt = 0;
	if ($handle = opendir($f)) {
		while ((false !== ($file = readdir($handle))) && ($cpt != $n || $n == '')) {
			// no . nor ..
			if ($file != '.' && $file != '..') {
				foreach ($e as $ex) {
					if (preg_match("/.".$ex."/i",$file)) {
						if (!is_dir($f.'/'.$file)) {
							// que xxxxx_small.ex
							$nom = pathinfo($file, PATHINFO_FILENAME);
							if (!in_array(removeSmall($file), $exc)) {
								if (substr($nom, -6) == '_small') {
									$tbl_small[] = $file;
									$cpt++;
									// Connaitre la largeur des miniatures (le test sur la 1ère suffit)
									if ($cpt == 1) {
										$size = getimagesize($f.'/'.$file);
										$width_small = $size[0];
									}
								}
							}
						}
					}
				}
			}
		}
	closedir($handle);
	}
	if (isset($width_small))
		return array($tbl_small, $width_small);
	else
		return array($tbl_small);
}
/**
 * Shortcode usage	: [[galerie:folder=mon_dossier_des _images&parametre1=value1&parametre2=value2 ...]]
 * Fonction usage	: echo galerie('folder=mon_dossier_des _images&parametre1=value1&parametre2=value2 ...'):
 * Paramètre folder obligatoire !
 * Par défaut tous les dossiers des images se trouve dans le dossier spécifié dans le paramètres $racine
 */
function galerie($args = '') {
	$default = array(
		'racine' => 'riri/fifi/mes_images',
		'dim_box' => 70, /* dimension bloc miniature height = width */
		// 'nbre_col' => 'auto-fit', /* auto-fit ou nombre colonnes */
		'space_img' => 1, /* grid-gap */
		'nbre_img' => '',
		'img_ext' => 'jpg', /* extensions séparées par un virgule */
		'center' => 1, /* centrage galerie ; justify-content: center */
		'num_galerie' => 1, /* si plusieures galeries dans la page */
		'fb_name_bottom' => 0,
		'fb_new_window' => 0,
		'fb_img_nav' => 1,
		'fb_num_img' => 1, /* Image x de x */
		'fb_infos' => 0,
		'class' => '',
		'floatbox' => 0,
		'new_window' => 1,
		// 'debug' => 0, /* fonction test */
		'excluded' => '',
		'corner_img' => '',
		'title' => 0, /* title du <a>, s'affiche alors aussi dans floatbox au dessus de l'image agrandie */
				);
	if ($args != '') {
		if ( is_string( $args ) ) {parse_str($args, $tbl_args);}
		else {$tbl_args = $args;}
	$new = array_merge ($default, $tbl_args);
	extract( $new, EXTR_SKIP );
	}
	else {
	extract( $default, EXTR_SKIP );
	}
// **********************************************
$tbl_excluded = explode(',', $excluded);
$html = '';
	// -----
	// par défaut à partir de la racine su site
	$url_folder_images = '../../'.$racine.'/';
	$path_folder_images = $_SERVER['DOCUMENT_ROOT'].'/'.$racine.'/';
	// *****
	$img_ext = explode(',', $img_ext);
	// si folder non spécifié dans les paramètres du shortcode ou de la fonction
	if (!isset($folder)) {
		$html .= '<p style="color: #cc0000;">'.ICON_WARNING.MSG_ERREUR_AFFICHAGE_GALERIE.MSG_FOLDER_MISSING.'</p>';
		return $html;
	}
	// *****
	$path_image = $path_folder_images.$folder.'/';
	$url_image = $url_folder_images.$folder.'/';
	// -----
	// pas de miniatures small
	$error_galerie[2] = '<p style="color: #cc0000;">'.ICON_WARNING.sprintf(MSG_ERREUR_AFFICHAGE_GALERIE, $folder).sprintf(MSG_NO_THUMBNAILS_TO_DISPLAY, $racine.'/'.$folder).'</p>';
	// pas de dossier racine images
	$error_galerie[3] = '<p style="color: #cc0000;">'.ICON_WARNING.sprintf(MSG_ERREUR_AFFICHAGE_GALERIE.MSG_PATH_NOT_EXIST, $racine).'</p>';
	// pas de dossier $folder
	$error_galerie[5] = '<p style="color: #cc0000;">'.ICON_WARNING.sprintf(MSG_ERREUR_AFFICHAGE_GALERIE.MSG_PATH_NOT_EXIST, $racine.'/'.$folder).'</p>';
	// paramètre fb_infos=1 mais fichier infos.php absent
	$error_galerie[6] = '<p style="color: #cc0000;">'.ICON_WARNING.sprintf(MSG_NO_FILE_INFOS, $folder).'</p>';
	// *****
	if (!file_exists($path_folder_images)) {
		$html .= $error_galerie[3]; // pas de dossier images
		return $html;
	}
	else {
		if (!file_exists($path_folder_images.$folder)) {
			$html .= $error_galerie[5]; // pas de dossier images/$folder
			return $html;
		}
		else {
			$scan_folder = searchExtFolder($path_image, $img_ext, $nbre_img, $tbl_excluded);
			$tbl_img = $scan_folder[0];
			// -----
			sort($tbl_img);
			$nbre_fic = count($tbl_img);
			if ($nbre_fic == 0) {
				$html .= $error_galerie[2]; // pas de minatures
				return $html;
			}
		}
	}
	// *****
	$width_small = $scan_folder[1];
	// *****
	if ($fb_infos) {
		if (file_exists($path_folder_images.$folder.'/infos.php'))
			require($path_folder_images.$folder.'/infos.php');
		else
			$html .= $error_galerie[6];
	}
	// *****
	if ($dim_box < MINIMUM_SIZE) {$dim_box = MINIMUM_SIZE;}
	if ($dim_box > $width_small) {$dim_box = $width_small;}
	// if ($nbre_col == 0 && $nbre_col != 'auto-fit') {$nbre_col = 1;}
	if ($space_img < 0) {$space_img = 0;}
	// *****
	// générer le css inline
	$style_galerie_grid_container = '';
	$style_galerie_grid_container .= 'style="';
	$style_galerie_grid_container .= 'grid-template-columns: repeat(auto-fit, minmax('.$dim_box.'px, '.$dim_box.'px));';
	$style_galerie_grid_container .= 'grid-gap: '.$space_img.'px;';
	if ($center) $style_galerie_grid_container .='justify-content: center;';
	$style_galerie_grid_container .= '"';
	// -----
	$style_galerie_box = '';
	$style_galerie_box .= 'style="';
	$style_galerie_box .= 'width: '.$dim_box.'px;';
	$style_galerie_box .= 'height: '.$dim_box.'px;';
	$style_galerie_box .= '"';
	// -----
	$style_galerie_box_img = '';
	if (!empty($corner_img)) {
		$style_galerie_box_img .= 'style="';
		$style_galerie_box_img .= 'border-radius: '.$corner_img.'px;';
		$style_galerie_box_img .= '"';
	}
	// *****
	$tbl_class = array();
	if (!empty($class)) $tbl_class[] = $class;
	// eventuellement on rajoute class ici
	// $tbl_class[] = 'class-dans-function';
	if ($fb_img_nav) {
		$tbl_class[] = 'floatbox';
		$group = 'group:galerie'.$num_galerie;
	}
	else {
		$group = '';
	}
	// *****
	$tbl_class[] = 'galerie-grid-container-'.$num_galerie;
	$html_class = (empty($tbl_class)) ? '' : 'class="'.implode(' ', $tbl_class).'"';
	$data_fb_options = (empty($group)) ? '' : 'data-fb-options="'.$group.'"';
	$attr_div = array($html_class, $data_fb_options, $style_galerie_grid_container);
	$html_div = '';
	$html_div .= '<div';
	foreach ($attr_div as $attr) {
        $space = (empty($attr)) ? '' : ' ';
        $html_div .= $space.$attr;
    }
	$html_div .= '>'."\n";
	$html .= $html_div;
	// *****
	foreach ($tbl_img as $v) {
		// *****
		$html .= '<div '.$style_galerie_box.' class="galerie-box-'.$num_galerie.'">'."\n";
		// IIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
		// IIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
		// IIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
		$attr_fb_options = array();
		if ($fb_new_window) {
			$attr_fb_options[] = 'closeOnNewWindow:'.$fb_new_window;
			$attr_fb_options[] = 'showNewWindow:'.$fb_new_window;
		}
		if ($fb_infos) {
			if (isset($infos[removeSmall($v)]['desc'])) {
				$attr_fb_options[] = 'caption2:&#96;'.$infos[removeSmall($v)]['desc'].'&#96;';
			}
		}
		switch ($fb_name_bottom) {
			case 1:
				$attr_fb_options[] = 'caption:&#96;'.pathinfo(removeSmall($v), PATHINFO_FILENAME).'&#96;';
			break;
			case 2:
				$eeex = pathinfo($v, PATHINFO_EXTENSION);
				$iiii = pathinfo(removeSmall($v), PATHINFO_FILENAME).'.'.$eeex;
				$attr_fb_options[] = 'caption:&#96;'.$iiii.'&#96;';
			break;
		}
		$fb_num_img1 = ($fb_num_img) ? 'true' : 'false';
		$attr_fb_options[] = 'showItemNumber:'.$fb_num_img1;
		// -----
		if (count($attr_fb_options) != 0) {
			$html_fb_options = 'data-fb-options="';
			$html_fb_options .= implode(' ', $attr_fb_options);
			$html_fb_options .= '"';
		}
		// -----
		$attr_img = array(
			'src="'.$url_image.$v.'"',
			'alt="'.pathinfo(removeSmall($v), PATHINFO_FILENAME).'"',
			$style_galerie_box_img
		);
		// -----
		$html_img = '<img';
		foreach ($attr_img as $attr) {
			$space = (empty($attr)) ? '' : ' ';
			$html_img .= $space.$attr;
		}
		$html_img .= '>';
		// -----
		// ####################################
		$use_floatbox = ($floatbox) ? '' : 'class="nofloatbox" ';
		$new_window = ($new_window) ? 'target="_blank"' : '';
		// ####################################
			$v1 = removeSmall($v);
			// *****
			$title = ($title) ? 'title="'.pathinfo($v1, PATHINFO_FILENAME).'"' : '';
			$attr_a = array(
				'href="'.$url_image.$v1.'"',
				$title,
				$use_floatbox,
				$new_window,
			);
			$html_a = '<a ';
			if (count($attr_fb_options) != 0) {
				$html_a .= ' '.$html_fb_options;
			}
			foreach ($attr_a as $attr) {
				$space = (empty($attr)) ? '' : ' ';
				$html_a .= $space.$attr;
			}
			$html_a .= '>'."\n";
			$html_a .= $html_img."\n";
			$html_a .= '</a>'."\n";
			$html .= $html_a;
		// ####################################
		// IIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
		// IIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
		// IIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
		$html .= '		</div><!-- galerie-box-'.$num_galerie.' -->'."\n";
	} // end foreach ($tbl_img as $v)
	$html .= '		</div><!-- galerie-grid-container-'.$num_galerie.' -->'."\n";
return $html;
} // end function galerie

function removeSmall($s) {
	$s1 = pathinfo($s, PATHINFO_FILENAME);
	$s1 = str_replace(substr($s1, -6), '', $s);
	return $s1;
}
?>

/**
 * styles généraux communs à toutes les galeries
 * www.nonoweb.net
 */
 
div[class*="galerie-grid-container-"] {
	display: grid;
	justify-items: center;
}

div[class*="galerie-box-"] {
	background: none;
	text-align: center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

div[class*="galerie-box-"] img {
	
}