Scripts PHP pour présenter des diaporamas sur internet

Nécessite une version PHP 5.6.x ou supérieure.

Exemple de diaporama PHP

Par défaut, le diaporama défile automatiquement à raison d'une image toutes les 5 secondes. Le lien «Manuel» vous donne le contrôle manuel du défilement:

  • le lien «Avancer» fait avancer le diaporama d'une image
  • le lien «Reculer» fait reculer le diaporama d'une image
  • le lien «Automatique» retourne au défilement automatique

Le script produit des pages HTML adaptées à tous les écrans : écrans d'ordinateurs, de tablettes et de smartphones, en orientation portrait ou paysage.

Installation du script

  • Télécharger le script dia.txt qui est codé UTF-8.
    Renommez-le dia.php
  • Sur votre site distant, créer un dossier pour l'ensemble de vos diaporamas, par exemple http://www.mon_site.ch/diaporamaPHP
  • Dans ce dossier, téléverser le script dia.php

La date de la dernière version du script dia.php peut être consultée en cliquant sur le lien Scripts PHP qui se trouve en bas de page.

Création d'un nouveau diaporama PHP

  1. Créer un dossier par diaporama, par exemple bresil_2010
    Sont prises en compte les images dont le nom de fichier se termine par l'une des extensions suivantes : .jpg, .jpeg, .jpe ou .png (écrite en majuscules ou en minuscules).
    Le script ordonne les images selon l'ordre lexicographique appliqué aux noms de fichiers.
  2. Pour diminuer le volume des données, il est conseillé de redimensionner les photos dont la hauteur dépasse 1080 pixels, par exemple au moyen de VSO Image Resizer.
  3. Téléverser le dossier comme sous-dossier de diaporamaPHP, par exemple
    http://www.mon_site.ch/ diaporamaPHP/ bresil_2010
  4. Diffuser l'adresse du diaporama, par exemple par mail
    http://www.mon_site.ch/ diaporamaPHP/ dia.php?dir=bresil_2010
    L'adresse est composée de 3 parties:
    • l'adresse du script:
      http://www.mon_site.ch/ diaporamaPHP/ dia.php
    • l'argument d'URL (invariable)
      ?dir=
    • le dossier du diaporama par rapport au dossier du script
      bresil_2010

index.html

  1. Créer une page qui contient les liens vers les diaporamas disponibles. Il s'agit d'un fichier dénommé «index.html» dont le titre est typiquement «Mes diaporamas». Il se trouve dans le même dossier que le script, à savoir dans «diaporamaPHP» de notre exemple.
  2. Dans cette page, insérer le code HTML du lien (deux exemples):
    • ‹a href="dia.php?dir=bresil_2010"› Notre voyage de 2010 au Brésil‹/a›
    • ‹a href="dia.php?dir=Morteys" ›Gros Mont, Riau des Morteys, Chalet Les Marindes, Selle des Morteys‹/a›
  3. Lorsqu'on termine la visualisation du diaporama, le lien «Retour au dossier initial» renvoie vers la page «index.html».
  4. On peut maintenant diffuser l'adresse de la liste des diaporamas :
    http://www.mon_site.ch/ diaporamaPHP/index.html
Contact   |   Accueil   >   Scripts PHP