Création d'une image survolée

Vous pouvez insérer des images survolées dans votre page. Une image survolée est une image qui, lorsqu'elle est visualisée dans un navigateur, change lorsque le pointeur vient se placer au-dessus d'elle.

Avant de commencer, sélectionnez une ou plusieurs paires d'images. Une image survolée est en fait composée de deux images : l'image principale (affichée au chargement de la page) et l'image secondaire (qui apparaît lorsque le pointeur est placé au-dessus de l'image principale). Les deux images utilisées doivent avoir les mêmes dimensions ; si ce n'est pas le cas, Dreamweaver redimensionne automatiquement la seconde image en fonction de la taille de la première.

Les images survolées sont automatiquement définies pour répondre à l'événement onMouseOver. Pour plus d'informations sur la configuration d'une image pour répondre à un événement différent (par exemple, un clic de souris) ou sur la notification de l'image affichée par une image survolée, voir Substitution d'image.

Pour créer une image survolée :

  1. Dans la fenêtre de document, placez le point d'insertion à l'endroit où vous voulez insérer l'image survolée.
  2. Insérez l'image survolée à l'aide de l'une des méthodes suivantes :
  3. Complétez les options de la boîte de dialogue.

    Pour plus d'informations, voir Définition des options de la boîte de dialogue Image survolée.

  4. Cliquez sur OK.
  5. Choisissez Fichier > Aperçu dans le navigateur ou appuyez sur la touche F12.

    Il est impossible de voir l'effet d'une image survolée dans le mode Création.

  6. Dans le navigateur, placez le pointeur au-dessus de l'image d'origine.

    Cette image doit alors être remplacée par l'image survolée.

Rubriques connexes

 

M'envoyer un message électronique lorsque des commentaires sont ajoutés à cette page | Rapport de commentaire

Page en cours: http://livedocs.adobe.com/dreamweaver/8_fr/using/15_ima12.htm