118 votes

Est-ce que HTML Image Maps est encore utilisé?

Est-ce que les gens utilisent toujours les anciennes cartes HTML Image? Ceux avec:

 <map name="test" id="test">
<area shape="poly" alt="" title="" coords=...
 

Ou existe-t-il une nouvelle, meilleure alternative?

54voto

JohnP Points 29302

Oui, les gens utilisent toujours des cartes avec images. Une alternative serait de positionner des éléments en utilisant un positionnement absolu et CSS, mais ce n'est pas nécessairement mieux. De plus, cela ne vous permet pas d'avoir des formes comme dans les cartes graphiques

46voto

kapa Points 41886

Ils sont dans la spécification HTML5 , ils ne seront donc pas obsolètes.

Vous pouvez toujours les utiliser librement, ils ont certainement encore leur place dans le développement Web. Ou je pourrais dire, ces rares occasions existent où vous pouvez mieux résoudre quelque chose avec une carte graphique.

23voto

Norman H Points 1298

Une solution alternative à l'utilisation de CSS ou de l'image des cartes serait de rendre l'utilisation de SVG graphiques intégrés dans le dom HTML.

Un tutoriel sur la façon de réaliser les infobulles des effets à l'aide de cette technique est décrite dans ce tutoriel: http://www.petercollingridge.co.uk/data-visualisation/mouseover-effects-svgs

L'emporter clé étant que les éléments SVG également déclencher traditionnelles événements dom y compris onmouseover et onmouseout.

18voto

CAPSLOCK Points 2317

Oui html image cartes sont bonnes, surtout si vous voulez que votre région pour être un polygone. Vous pouvez ajouter des effets de survol à votre carte aussi bien avec javascript. Il y a un tutoriel intéressant et une démo ici :

http://www.Tutorialized.com/View/Tutorial/image-map-rollover/3484

10voto

Daniele B Points 61

Image Cartes sont encore dans les spécifications HTML5, pris en charge par tous les navigateurs.

Ils peuvent être adaptés à responsive design à l'aide de jQuery RWD Images: https://github.com/stowball/jQuery-rwdImageMaps

Il détecte et redimensionner automatiquement l'image des cartes de coordonnées.

Il est également disponible pour les développeurs de Wordpress en tant que plugin: http://wordpress.org/plugins/responsive-image-maps/

Une solution Simple et efficace.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X