Conception de pages Web > Utilisation de transformations par souris (ImageReady) > Création d'états de transformation par souris
 		SuivantePrécédente

Création d'états de transformation par souris


Lorsque vous créez un état de transformation par souris, vous sélectionnez une action de souris qui active l'état en question (sauf pour le premier état d'une transformation, qui est toujours l'état Normal).

Pour créer un état de transformation par souris :

1 Sélectionnez la tranche ou la zone de carte-image à laquelle vous voulez ajouter la transformation par souris.

Remarque : lors de la création d'une tranche ou d'une zone de carte-image pour une transformation par souris, utilisez une tranche ou un zone de carte-image créée d'après un calque. Il est recommandé de procéder ainsi, car les dimensions du contenu d'un calque sont susceptibles de changer au cours d'une transformation par souris.

2 Dans la palette Transformation par souris, créez un nouvel état :
  • Cliquez sur le bouton Nouvel état () au bas de la palette.
  • Choisissez Nouvel état dans le menu de la palette Transformation par souris.

    • Le nouvel état de transformation par souris est identique à l'état qui le précède immédiatement, jusqu'à ce que vous modifiiez l'image à l'aide de la palette Calques.

    3 Utilisez l'état de transformation par souris par défaut attribué par ImageReady ou sélectionnez un état dans le menu déroulant au-dessus de la vignette de transformation par souris :
  • Sur, pour définir l'état de transformation par souris lorsque l'internaute survole la tranche ou la zone de carte-image avec la souris sans que le bouton soit enfoncé. L'option Sur est automatiquement sélectionnée comme deuxième état de transformation par souris.
  • Bas, pour définir l'état de transformation par souris lorsque l'internaute enfonce le bouton de la souris sur la tranche ou la zone de carte-image. Cet état persiste tant que l'internaute maintient le bouton enfoncé sur la zone.
  • Clic, pour définir l'état de transformation par souris lorsque l'internaute clique avec la souris sur la tranche ou la zone de carte-image. Cet état apparaît lorsque l'internaute fait cliquer la souris et persiste jusqu'à ce qu'il active un autre état de transformation par souris.
  • Extérieur, pour définir l'état de transformation par souris lorsque l'internaute fait glisser la souris en dehors de la tranche ou de la zone de carte-image. C'est l'état Normal qui assure généralement cette fonction.
  • Haut, pour définir l'état de transformation par souris lorsque l'internaute relâche le bouton de la souris sur la tranche ou la zone de carte-image. C'est l'état Sur qui assure généralement cette fonction.

    • Remarque : les clics et double-clics peuvent être traités différemment selon les navigateurs Web ou les versions d'un navigateur. Par exemple, certains navigateurs laissent la tranche dans l'état Clic après un clic et dans l'état Haut après un double-clic ; d'autres n'utilisent l'état Haut que comme transition vers l'état Clic, que l'utilisateur clique une seule fois ou deux fois. Pour garantir le bon fonctionnement de votre page Web, veillez à prévisualiser les transformations par souris dans divers navigateurs Web.
  • Personnalisé, pour définir un nouvel état de transformation par souris. Vous devez créer le code JavaScript et l'ajouter au fichier HTML de la page Web pour que l'option de transformation par souris Personnalisé fonctionne. Pour de plus amples informations, reportez-vous à un manuel JavaScript.
  • Sans, pour conserver l'état actuel de l'image en vue d'une utilisation ultérieure comme état de transformation par souris. Un état désigné comme Sans ne sera pas affiché sur la page Web.

    • Le menu déroulant Etats de transformation par souris n'affiche que les états qui n'ont pas encore été utilisés pour la tranche ou la zone de carte-image sélectionnée (à l'exception des états Sans et Personnalisé, qui sont toujours disponibles et peuvent être utilisés à plusieurs reprises). Vous pouvez redéfinir les états de transformations par souris au fur et à mesure que vous travaillez (à l'exception de l'état Normal).

    4 Modifiez l'image pour l'état de transformation par souris en utilisant la palette Calques.

    Conception de pages Web > Utilisation de transformations par souris (ImageReady) > Création d'états de transformation par souris