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 https://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
- 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.
- 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.
- Téléverser le dossier comme sous-dossier de diaporamaPHP, par exemple
https://www.mon_site.ch/ diaporamaPHP/ bresil_2010
- Diffuser l'adresse du diaporama, par exemple par mail
https://www.mon_site.ch/ diaporamaPHP/ dia.php?dir=bresil_2010 L'adresse est composée de 3 parties:
- l'adresse du script:
https://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
- 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.
- 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›
- Lorsqu'on termine la visualisation du diaporama, le lien «Retour au dossier initial» renvoie vers la page «index.html».
- On peut maintenant diffuser l'adresse de la liste des diaporamas :
https://www.mon_site.ch/ diaporamaPHP/index.html
Modifications du diaporama
Il est possible d'ajouter ou de retirer une ou plusieurs photos du diaporama. Pour ce faire, il suffit d'ajouter ou de supprimer des photos dans le serveur. Le script PHP s'adapte automatiquement aux photos existantes.
Rappelons cependant:
- Il est conseillé de redimensionner les photos.
- Pour modifier l'ordre de passage des photos, il faut renommer les fichiers. C'est l'ordre alphabétique qui compte.
Le diaporama est adapté
- aux écrans d'ordinateurs;
- aux écrans de portables dont l'orientation paysage ou portrait peut être adaptée à chaque image.
|