Ce programme est utile pour tous vos dossiers contenant des images.

Ce programme ajoutera dans votre dossier une page web spéciale, composée de 3 fichiers :

• Un fichier HTML (qui est lié à un fichier CSS et à un fichier JS)
  son nom est composé du préfixe slider_, du nombre d'images, de l'extension choisie et du suffixe .htm
  Exemple : slider_2_webp.htm
• Un fichier CSS : slider.css
• Un fichier JS : slider.js

Cette page web n'est créée que s'il existe au moins 2 fichiers correspondant à l'extension choisie.

Ensuite, pour parcourir les images, il suffit ouvrir le fichier HTML créé (avec votre navigateur web, en double cliquant dessus) :

• de cliquer à mi-hauteur de l'image, à gauche sur "❮" ou à droite sur "❯".
• ou de taper sur les touches CTRL + "❮" ou CTRL + "❯"

Code Python : make_slider.py (clic droit pour "Enregistrer le lien sous ...")

Rappel : Un clic gauche, affichera le code avec des caractères mal décodés,
car le navigateur va décoder en ANSI, alors que le fichier-code est codé en UTF-8.

Lancement du programme, en mode console : py make_slider.py

Comment lancer un programme écrit en Python ?

Après le lancement du programme,

1. Cliquez, dans la liste, sur le nom d'une extension.
   (L'arrière plan de l'extension sélectionnée devient bleu.)
2. Cliquez sur le bouton "Valider l'extension"
   Apparemment, rien ne se passe. En réalité, votre choix est enregistré.

3. Cliquez sur le bouton "Sélectionner un dossier".
   (La boîte de dialogue de votre système d'exploitation s'ouvre.)

   Tous les noms de fichier-image ne sont pas admissibles.
   Tous les noms de fichiers, correspondant à l'extension choisie, doivent respecter la règle 66
   = les noms ne sont composés que des 66 caractères suivants : a-zA-Z0-9 et _.-~).

4. Sélectionnez un dossier (contenant des fichiers ayant l'extension choisie).
5. Cliquez sur "OK".

Exemple d'un fichier généré par le programme : slider_2_webp.htm

• Le nom du fichier s'affiche sous l'image (et lorsque la souris reste sur l'image).
• Lorsqu'on clique sur l'image :

  • elle s'affiche dans une nouvelle fenêtre (où elle peut parfois être encore agrandie).

    Dans l'exemple donné, la photo de la lune peut être agrandie ...
    Puis, agrandie !

  • le nom du fichier est copié dans le presse-papier.

Modification du code Python :

- (ligne 16) pour modifier le nombre d'extensions :

SEP="/"; selected_ext=""; extensions = [".jpg", ".webp", ".png", ".svg"]

Code JS : slider.js

Mini cours sur Python