Permutation d'image

Exemple d'une galerie star wars

Photo01 starWars01 starWars02
starWars03 starWars04
starWars05 starWars06
starWars07 starWars08
starWars09  

Nous allons ouvrir Dreamweaver pour nous aider à Créer ce diaporama interactif

  1. Créer la page, le tableau et insérer les images
  2. Donner un nom , un ID à la grande image,dans l'inspecteur propriété : grandeimage
  3. Ouvrir le panneau comportements
  4. Sélectionnez une petite image, cliquez sur le plus et sélectionnez "permuter une image", une fenêtre s'ouvre, sélectionner grandeimage dans le menu déroulant puis parcourir jusqu'à trouver l'image à remplacer, puis décocher"restaurer les images onMouseOut"
  5. Sur la liste déroulante du panneau comportement choisir le comportement : onMouseOver par exemple
  6. Dreamweaver écrit automatiquement le code et lorsque l'on survole sur l'image, une grande image remplace la petite
  7. Nous répétons cette opération pour les images suivantes