отзывчивое изображение с maphilight.js

Мои изображения перестают быть отзывчивыми после того, как я включил maphilight.отзывчивое изображение с maphilight.js

Сначала я сделал образы, отвечающие требованиям rwdImageMaps.js, отлично работает. Но после включения Maphilight сами изображения перестают быть отзывчивыми. (Образцы изображений остаются отзывчивыми, хотя.)

От хромовой инспекции: without maphilight, With maphilight.

Вы можете видеть, что maphilight.js изменяет изображение с 100%, реагируя на div с фиксированным и высотой. Как сделать образ/div отзывчивым снова? (Я также попробовал ImageMapster, но это привело к той же проблеме.)

Может ли кто-нибудь помочь мне решить эту проблему? Заранее спасибо! ;)

источник

2014-11-23 Ludo

Масштабирование работает отлично теперь, кроме мазута в maphilights. Использование jQuery-maphilight.js из andensolutions даже не показывает поведение по умолчанию. Несмотря на то, что я помещал карту данных в область с заполняющим цветом. – Ludo

Пожалуйста, проверьте эту ссылку. Responsive image maps with roll-overs

Пожалуйста, обратите внимание, что вам может понадобиться, чтобы уменьшить непрозрачность вашего изображения, если это не прозрачный, для решения правильной работы

источник

2014-11-23 21:37:44

Сладкий! Спасибо Но каков был бы лучший порядок скриптов, map_rollover.js, как последний, так как используется как img [usemap] maphilight, так и rwdImageMaps. Или их написанный блок сценария div_offset? – Ludo

Первый rwdImageMaps.js, второй maphilight.js и, наконец, map_rollover.js будет правильным порядком –

Вот комплексное решение для этого: http://emartin.ca/mapify/ –

отзывчивое изображение с maphilight.js

ответ

Смежные вопросы