星期二, 5月 24, 2022

[jQuery Plugin] 實作響應式影像地圖

因為客戶在某些場景要用影像地圖實現點擊的功能,

使用rwdImageMaps套件可以輕鬆達到

外掛:https://github.com/stowball/jQuery-rwdImageMaps

$(document).ready(function(e) {
    $('img[usemap]').rwdImageMaps();
});

但使用前需要使用初步工具做影像地圖,可以參考https://www.image-maps.com/


image map

產生後原圖會有會有原本定位坐標的原圖比例(要保留,jq外掛會吃這個值去自動resize到目前畫面的大小坐標)

操作畫面

沒有留言:

張貼留言

留個話吧:)