2014-11-23 72 views
2

我啓用maphilight後,圖像停止響應。響應圖像與maphilight.js

首先,我使用rwdImageMaps.js對imagemaps進行響應,效果很好。但是在啓用maphilight之後,圖像本身不再響應。 (雖然imagemaps保持響應。)

從鉻檢查:without maphilight,With maphilight

您可以看到,maphilight.js將圖像從100%更改爲響應具有固定高度和高度的div。 如何讓圖像/ div再次響應? (我也嘗試ImageMapster,但導致相同的問題。)

有人可以幫我解決這個問題嗎?提前致謝! ;)

+0

現在的比例是工作的罰款,exept的maphilights。 從解決方案中使用jQuery-maphilight.js甚至不會顯示默認行爲。儘管我用fillcolor在該區域放置了數據maphilight。 – Ludo 2014-11-24 08:26:21

回答

2

請檢查此鏈接。 Responsive image maps with roll-overs

也請注意,您可能需要減少圖像的不透明度,如果它不是透明的,該解決方案能夠正常工作

+0

甜蜜的作品!謝謝 但是,最後一次使用img [usemap] maphilight和rwdImageMaps的腳本map_rollover.js的最佳順序是什麼。或者他們寫的div_offset腳本塊? – Ludo 2014-11-24 07:55:11

+0

首先rwdImageMaps.js,第二maphilight.js和最後map_rollover.js將是正確的順序 – 2014-11-24 11:33:03

+3

這是一個所有功能於一身的解決方案: http://emartin.ca/mapify/ – 2015-01-19 23:32:42