HTML中如何針對圖片部分區塊去進行area做hover或者連結跳轉的設置

 


前陣子遇到書局官網一個讓我滿頭大的技術問題
雛型稿
給我一張圖然後button位置四散在圖片不規則區域中




這讓我一時有點無從下手
不知道如何去配置button觸發
因為是整張圖特定某部分要配置連結跳轉

= =|||

所幸google一陣子
找到對的關鍵字和技術

首先至
https://www.image-map.net/

上傳要進行定位的圖檔並自行配置區域




當然也可配置橢圓區域
在此就沒特別舉例了




效果DEMO




Ref:


全端真是捨麼都要會阿...

留言

這個網誌中的熱門文章

何謂淨重(Net Weight)、皮重(Tare Weight)與毛重(Gross Weight)

Architecture(架構) 和 Framework(框架) 有何不同?_軟體設計前的事前規劃的藍圖概念

經得起原始碼資安弱點掃描的程式設計習慣培養(五)_Missing HSTS Header