[PHP] Les galeries d'images (1/2) Construire une galerie d'images simplement.

Comment construire une galerie d'images dynamique et multipage ?

Prérequis

Ce code s'adresse aux personnes utilisant php au coté de MySQL puisque les requêtes tirent parti d'une fonction bien pratique de ce SGDBR : LIMIT.

Qu'est-ce qu'une galerie d'images ?

Je pense que vous avez tous déjà vu une galerie d'images, ne serait-ce sur les sites où l'on peut télécharger des fonds d'écran, des logos pour les téléphones,...
En général, ça ressemble à un tableau de 4x5 rempli d'images sur lesquelles on peut cliquer pour ouvrir une version plus grande de celles-ci. Cela permet au visiteur de visualiser rapidement les images qui l'intéressent sans pour autant saturer sa connexion... Si, si, il existe encore des gens avec des modems 56K, j'en suis la preuve vivante :'(, bref passons...

Préparation !

Avant tout, il faut une table pour contenir les liens vers les images (miniatures ET normales), donc à l'aide de phpMyAdmin vous allez créer une table images_galerie, par exemple, pour laquelle vous allez définir 5 champs :

• id_image : int auto-incrémenté
• url_image_mini : varchar(150)
• url_image_norm : varchar(150)
• nb_hauteur : int
• nb_largeur : int
• lb_commentaire : varchar(150)

La clé primaire sera donc id_image.

CREATE TABLE `images_galerie` ( `id_image` INT NOT NULL AUTO_INCREMENT , `url_image_mini` VARCHAR( 150 ) NOT NULL , `url_image_norm` VARCHAR( 150 ) NOT NULL , `nb_hauteur` INT NOT NULL , `nb_largeur` INT NOT NULL , `lb_commentaire` VARCHAR( 150 ) NOT NULL , PRIMARY KEY ( `id_image` ) );

Jusque là je pense que vous n'aurez pas de souci.

Nous allons maintenant créer un fichier de configuration pour notre galerie, appelons-le config_galerie.php.

<?php // config_galerie.php // Définition des variables globales de la galerie $host = "localhost"; // voir hébergeur $user = "login"; // vide ou "root" en local $pass = "password"; // vide en local $bdd = "ma_base"; // nom de la BD $nb_images_page = 20; // Nombre d'images par page $nb_images_ligne = 4;  // Nombre d'images par ligne // Ouverture des connexions à la base de données @mysql_connect($host,$user,$pass)    or die("Impossible de se connecter"); @mysql_select_db($bdd)    or die("Impossible de se connecter"); ?>