Bric à Brac informatique 

COMPLEMENTS de la page astuce_diaporama.php

Insertion de vidéo dans une page web 

Décryptage du fichier dewslider.xml (proposé par le site alsacreation.com)

Ouvrir l'Explorateur Windows

Clic droit sur le fichier dewslider.xml  téléchargé et enregistré sur votre disque dur (ou tout autre support) (voir ICI)

Sélectionner la commande Ouvrir avec. Dans la liste proposée, sélectionner le Bloc-notes Windows

Le texte ci-dessous s'affiche à l'écran (ATTENTION : sans les chiffres ajoutées en rouge sur cette page, pour repérer chaque ligne).

  1 <?xml version="1.0" ?>
  2  <album
  3  showbuttons="yes"
  4  showtitles="yes"
  5  showrandom="no"
  6  randomstart="no"
  7  timer="5"
  8  aligntitles="bottom"
  9  alignbuttons="top"
10 transition="blur"
11 speed="20"
12   >
13 <img src="http://www.alsacreations.fr/flashswf/dewslider5/img/1.jpg" title="Colliers de fleurs" />
    <img src="http://www.alsacreations.fr/flashswf/dewslider5/img/2.jpg" title="Sardargarh" />
    <img src="http://www.alsacreations.fr/flashswf/dewslider5/img/3.jpg" title="Jaisalmer" />
    <img src="http://www.alsacreations.fr/flashswf/dewslider5/img/4.jpg" title="Pushkar" />
    <img src="http://www.alsacreations.fr/flashswf/dewslider5/img/5.jpg" title="Khajuraho" />
    <img src="http://www.alsacreations.fr/flashswf/dewslider5/img/6.jpg" title="Jaisalmer" />
14 </album>

DECRYPTAGE

Ligne 1  <?xml version="1.0" ?>
Cette ligne correspond à l'en-tête du fichier. Elle sera conservée et non modifiée

Ligne 2  <album

Ouverture de la balise album qui ne sera fermé, dans cet exemple que sur la ligne 12. Cette ligne sera conservée et non modifiée

Les lignes de 3 à 11 définissent les options des  attributs disponibles pour le diaporama

Ligne 3  showbuttons="yes"
On peut afficher les boutons ("yes") ou ("no"). On peut modifier cette ligne en changeant le  "yes" en "no".
Une option supplémentaire peut être ajoutée pour afficher ces boutons  en haut ou en bas. Voir la ligne 9

Ligne 4  showtitles="yes"
On peut afficher les noms des images ("yes") ou ("no"). On peut modifier cette ligne en changeant le  "yes" en "no".
Une option supplémentaire peut être ajoutée pour afficher les noms  en haut ou en bas. Voir la ligne 8

Ligne 5  showrandom="no"
Le diaporama est affiché d'une manière aléatoire ("yes") ou "no". On peut modifier cette ligne en changeant le  "yes" en "no".

Ligne 6  randomstart="no"
Le diaporama démarre d'une façon aléatoire ("no") ou débute à la première image "yes". On peut modifier cette ligne en changeant le  "no" en "yes".

Ligne 7  timer="5"
Le délai d'affichage entre 2 images est de 5 secondes.  On peut modifier cette ligne en en indiquant une autre valeur (en secondes). Choisir 0 signifie délai infini.

Ligne  8  aligntitles="bottom"
Les titres des images (s'ils sont affichés) seront alignés vers le bas du diaporama. On peut modifier par "top" pour qu'il le soit en haut du diaporama.

Ligne  9  alignbuttons="top"
Les boutons de navigation du diaporama des images (s'ils sont affichés) seront alignés vers le haut du diaporama. On peut modifier par "bottom" pour qu'il le soit en bas du diaporama

Ligne 10 transition="blur"
Dewslider met à disposition 6 effets de transition possibles : fade, slide, push, pop, wharp et blur. Il est donc possible de modifier le mode de transition en remplaçant "blur" par un autre effet.
Voir des exemples : http://www.alsacreations.fr/dewslider.html

Ligne 11 speed="20"
Le chiffre 20 correspond à une vitesse de transition de 20 ms. Il est  possible de diminuer ou augmenter la vitesse de transition en modifiant ce chiffre.

Ligne 12 >
Fermeture de la balise <album ouverte ligne 2

La ligne 13
Cette ligne indique l'insertion de la première image du diaporama avec son attribut : title" "
Toutes les lignes qui suivent l'insertion de la première image correspondent à l'insertion des autres images et leur chemin.

La ligne 14 </album>
Elle permet de fermet la balise ouvrante <album>

Dernière mise  à jour le 10/02/2015