Comment aligner le maphilight de jquery au centre?

Question

oui je sais comment stupide et bête cette question est, mais j'ai regardé autour et je ne peux pas trouver comment aligner l'image afin que je puisse le positionner au milieu for the excellent jquery maphilight, ce que j'ai trouvé est après la classe = " carte "est appliqué à l'image, il se déplacera automatiquement vers la gauche.

Je peux trouver des options pour régler la position aussi. S'il vous plaît aider. merci !!

Answer 1

La raison pour laquelle cela change sur vous est que le plugin enveloppe un div autour de l'IMG pour contenir l'élément canvas ainsi que l'image. Si elle crée même ou un balisage similaire dans tous les navigateurs (je l'ai testé ce dans Safari et Firefox) alors cela devrait faire ce que vous voulez:

$('.map').maphighlight().parent().addClass('center-map'); 

qui ajoutera la classe .center-map à la div parent qui a été créé de façon dynamique. Pour que le centrage fonctionne, j'ai dû définir une largeur sur la div pour avoir la même largeur que l'image (sinon, elle prend autant d'espace horizontal que possible, en évitant le centrage). Voici mes règles CSS j'ai utilisé lors de l'essai:

.center-map { 
    margin: 0 auto; 
    width: 420px; 
}