Création d'un survol séparé

Un survol séparé permute une image sous un objet Web lorsque le pointeur survole un autre objet Web. En réponse à un événement souris (survol ou clic), une image s'affiche à un autre endroit de la page Web. L'image survolée est considérée comme le déclencheur, alors que l'image qui change est considérée comme la cible.

A l'instar des survols simples qui utilisent une seule découpe, vous devez d'abord définir la découpe de déclenchement, la découpe cible et l'image dans laquelle se trouve la permutation d'images. Vous devez ensuite relier le déclencheur à la découpe cible à l'aide d'un trait de comportement.

Remarque : Le déclencheur d'un survol séparé n'est pas nécessairement une découpe. Les références et les boutons disposent également de poignées de comportement qui peuvent être utilisées pour créer des survols séparés. Pour plus d'informations sur les références, voir Création de références. Pour plus d'informations sur les boutons, voir Création d'un symbole de bouton.

Pour affecter un survol séparé à une image sélectionnée :

1. Cliquez sur Edition > Insérer > Découpe ou Référence pour affecter une découpe ou une référence à l'image de déclenchement.

   Remarque : Cette étape n'est pas indispensable si l'objet sélectionné est un bouton ou si une découpe ou une référence recouvre déjà l'image.

2. Cliquez sur le bouton Nouvelle image/Dupliquer dans le panneau Images pour créer une nouvelle image.
3. Placez une deuxième image qui servira de cible dans la nouvelle image à l'emplacement souhaité dans le document. Vous pouvez placer l'image à un autre endroit que sous la découpe créée à l'étape 1.
4. Sélectionnez l'image, puis cliquez sur Edition > Insérer > Découpe pour associer une découpe à cette image.
5. Sélectionnez Image 1 dans le panneau Images pour revenir à l'image associée à l'image d'origine.
6. Sélectionnez la découpe, la référence ou le bouton qui couvre la zone de déclenchement (l'image d'origine) et placez le pointeur sur la poignée de comportement. Le pointeur prend la forme d'une main.
7. Faites glisser la poignée de comportement de la découpe de déclenchement ou de la référence vers la découpe cible créée à l'étape 4.

   Le trait de comportement s'étend du centre du déclencheur jusqu'au coin supérieur gauche de la découpe cible, et la boîte de dialogue Permuter les images s'affiche.

   
   
   

8. Dans le menu contextuel Permuter l'image à partir de, sélectionnez l'image créée à l'étape 2, puis cliquez sur OK.
9. Cliquez sur le bouton Aperçu et testez le survol séparé.