Как центрировать (динамически изменяемое) изображение-карту с помощью плагина imagemapster

Question

Я использую JQuery-плагин imagemapster и код из примера авторов на jsfiddle http://jsfiddle.net/jamietre/jQG48 Я могу динамически изменять размер моей карты изображений. Сейчас я пытаюсь расположить мою карту изображений горизонтально на своей странице, но не могу заставить ее работать. Что я пробовал до сих пор: добавление стилей CSS margin-left:auto а также margin-right:auto на мой тег изображения.

любая помощь / подсказка? Спасибо

Answer 1

Решение 0

Мне удалось обновить пример автора imagemapster и получить желаемый результат.

CSS

#mapster_wrap_0 {
    margin: 0 auto;
}

Пример: http://jsfiddle.net/jQG48/399/.

​mapster_wrap_0 выглядит автоматически сгенерированным, так что может быть более чистый способ выполнить это центрирование.

Решение 1

Создание div-обертки вокруг вашей карты также работает.

<div id="MapWrapper" style="margin:auto; width:75%;">
    <img src="https://github.com/jamietre/ImageMapster/raw/master/examples/images/usa_map_720.png" 
usemap="#usa">
</div>

Пример: http://jsfiddle.net/jQG48/400/.