MysteryMap

Votre navigateur n'est pas compatible Java ! Une variante interactive de l'applet KawaSpot. Cette fois encore, la souris promène un spot sur l'image. La nouveauté : des liens peuvent figurer sur l'image, et être dévoilés par la souris.

Pour utiliser cette applet dans vos pages Web...

MysteryMap
  1. Téléchargez le fichier suivant : MysteryMap.zip
  1. Décompactez-le au même endroit que votre page Web (ou sinon utilisez le tag CodeBase pour paramétrer l'applet).
  1. Incorporez le code suivant dans votre page HTML :
<applet code="MysteryMap.class" width="233" height="268">
<param name="IMAGE" value="logo1.jpg">
<param name="BACKGROUND" value="logo2.jpg">
<param name="SPOTR" value="50">
<param name="COLOR" value="#FF0000">
<param name="HILITECOLOR" value="#00FF00">
<param name="FONT" value="Dialog,BOLD,24">
<param name="HIDELINKS" value="YES">

<param name="URL0" value="Lien 1,20,50,page1.htm,uneframe"> <param name="URL1" value="Lien 2,40,90,page2.htm,uneframe"> Votre navigateur n'est pas compatible Java ! </applet>

Les paramètres sont :

width La largeur de l'applet, et donc de l'image.
height La hauteur de l'applet, et donc de l'image.
image L'image masquée qui est éclairée par le spot (au format GIF ou JPG).
background L'image ou la couleur qui servira de fond.
L'image peut être au format GIF ou JPG.
La couleur doit être au format #RRVVBB (ex. : #FF0000 pour du rouge).

Ce paramètre est facultatif. S'il est omis, le fond est noir.

spotr Le rayon du spot (en pixels).
color Couleur des liens
Ce paramètre est facultatif. S'il est omis, les liens sont blancs.
hilitecolor Couleur du lien en surbrillance
Ce paramètre est facultatif. S'il est omis, le lien actif est rouge.
font La police de caractères, sous la forme "police,style,taille" :

La taille de la police de caractères peut valoir :

  • Helvetica
  • Dialog
  • Courier
  • TimesRoman

Le style peut valoir :

  • Normal
  • Bold (Gras)
  • Italic (Italique)

La taille est une valeur numérique.

hidelinks Si hidelinks vaut YES, les liens n'apparaissent que lorsque la souris les survole. Sinon, les liens apparaissent dès que le spot les éclaire.
Ce paramètre est facultatif. S'il est omis, hidelinks vaut NO.
url0 Le premier lien, sous la forme : "texte,x,y,page,frame"
url1 Le deuxième lien, etc.

Astuces 

bulTick.gif (421 octets) Pour faire en sorte que l'image originale soit complètement masquée, définissez une couleur unie grâce au paramètre background.
bulTick.gif (421 octets) L'exemple que vous avez vu page précédente est constitué de 2 images : l'image originale (le poisson sur fond vert), et une copie de l'image dégradée par PaintShop Pro.
L'image dégradée remplace dans ce cas la couleur dans background.