ZoomMarker圖片滾動/放大/拖動/標(biāo)記 jQuery 插件
一款用于圖片滾動放大拖動，且可以添加標(biāo)記的jQuery插件
在項目中需要實現(xiàn)類似地圖應(yīng)用那樣的，具有鼠標(biāo)滾動縮放和拖動功能的插件效果，且可以添加具有回調(diào)功能的標(biāo)記點。在網(wǎng)上找了一圈都沒有找到合適的，所以圖方便自己寫了一個。
效果預(yù)覽
點擊這里查看使用ZoomMarker和EasyLoading構(gòu)建的圖片拖拽、縮放、標(biāo)記及加載動畫的示例，使用鼠標(biāo)或觸屏點擊在圖片上添加標(biāo)記點，鼠標(biāo)懸浮在上面查看懸浮提示窗口，使用頂部按鈕實現(xiàn)圖片切換、清空標(biāo)記點和加載動畫示例等。
依賴
| name | min-version | detail |
|---|---|---|
| jQuery | 3.3.1 | JavaScript的DOM操作框架 |
| jquery.mousewheel | 1.6 | jQuery鼠標(biāo)滾輪監(jiān)聽插件 |
| Hammer.js | 2.0.4 | 多點觸控插件 |
| EasyLoading.js | 0.1.0 | 加載動畫庫 |
在本例子中，還使用了自行編寫的開源加載動畫插件EasyLoading，該插件同樣需要jQuery支持。
評論
圖片
表情