IntroductionAn carte d'image est une image avec des zones cliquables. Ces zones ne sont pas seulement cliquable, elles peuvent être transformées en liens hypertextes, et ils peuvent recevoir le focus. Lorsque vous concevez une carte d'image, vous donnez la fonction que vous voulez pour un domaine particulier. Il est ce qu'on appelle l'image carte du côté client et l'image de la carte côté serveur. Dans cet article, je parle de l'image carte du côté client. Une zone peut être un rectangle, cercle ou polygone.
Vous le concepteur du côté de la bande décide où et comment grande la zone sera sur le image.You besoin des connaissances de base en HTML ou XHTML, JavaScript et CSS pour comprendre cet article
. Remarque: Si vous ne pouvez pas voir le code ou si vous pensez que quelque chose manquait (lien brisé, l'image absente), contactez-moi au [email protected]. Qui est, me contacter pour le moindre problème que vous avez à propos de ce que vous êtes reading.HTML éléments impliqués Vous avez besoin de trois éléments HTML pour une carte d'image.
Vous devez l'élément HTML image normale, pour l'image. Vous avez besoin de ce qu'on appelle l'élément MAP HTML et l'élément AREA HTML. Un élément AREA HTML correspond à une zone cliquable sur l'image. Donc, il peut y avoir plus d'un élément AREA pour une image. Les éléments de la région forment le contenu de l'élément image de la carte. Donc, si vous avez une image avec trois zones cliquables, vous auriez quelque chose comme ceci: Il existe trois types d'éléments HTML impliqués. Vous avez l'élément d'image normale, et un élément MAP.
A l'intérieur de l'élément de la carte, vous avez les éléments AREA. Le ElementThe balise image d'image est un élément de balise unique. Dans celui ci-dessus, vous devez être familier avec tous les attributs sauf, usemap. La valeur de cet attribut est ce qui relie l'élément d'image à l'élément de la carte. L'élément de la carte est ce qui vous donne la carte (des démarcations invisibles) sur l'image. La valeur de la usemap commence par une table de hachage suivi d'un texte. Ce texte doit être la valeur de l'attribut name de l'élément de la carte.
L'élément de carte doit avoir un attribut de nom. Dans le code ci-dessus, la valeur de l'attribut name de l'élément de carte est "myImgMap"; ceci est le texte de la valeur de l'attribut usemap de l'élément d'image. Le usemap se produit uniquement dans l'élément de l'image et non dans le MAP ou la largeur et la hauteur ZONE élément att