Création et association 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.
Vous devez tout d’abord configurer le déclencheur, les tranches cibles et l’état dans lequel se trouve l’image de permutation. Vous devez ensuite relier le déclencheur à la tranche cible à l’aide d’un trait de comportement. Le déclencheur d’un survol séparé peut être une tranche, une zone sensible ou un bouton.
Choisissez la commande Edition > Insertion > Tranche ou Zone sensible pour affecter une tranche ou une zone sensible à l’image de déclenchement (cette étape n’est pas indispensable si l’objet sélectionné est un bouton ou si une tranche ou une zone sensible recouvre déjà l’image).
Cliquez sur le bouton Nouvel état / Dupliquer l’état dans le panneau Etats pour créer un nouvel état.
Placez une deuxième image (la cible) dans le nouvel état.
Positionnez l’état n’importe où sur la zone de travail, en évitant l’emplacement situé sous la tranche créée à l’étape 1.
Sélectionnez l’image, puis choisissez la commande Edition > Insertion > Tranche pour associer une tranche à cette image.
Sélectionnez Etat 1 dans le panneau Etats pour revenir à l’état associé à l’image d’origine.
Sélectionnez la tranche, la zone sensible ou le bouton qui couvre la zone de déclenchement (l’image d’origine), puis placez le pointeur sur la poignée de comportement.
Faites glisser la poignée de comportement de la tranche de déclenchement ou de la zone sensible vers la tranche cible.
Le trait de comportement s’étend du centre du déclencheur vers l’angle supérieur gauche de la tranche cible, et la boîte de dialogue Permuter les images s’affiche.
Dans le menu contextuel Permuter l’image à partir de, sélectionnez l’état créé à l’étape 2, puis cliquez sur le bouton OK.
Affichez l’aperçu du survol séparé, puis testez-le.
PDF (adobe.com)
