ZoomMarker圖片滾動(dòng)/放大/拖動(dòng)/標(biāo)記 jQuery 插件

一款用于圖片滾動(dòng)放大拖動(dòng)，且可以添加標(biāo)記的jQuery插件

在項(xiàng)目中需要實(shí)現(xiàn)類似地圖應(yīng)用那樣的，具有鼠標(biāo)滾動(dòng)縮放和拖動(dòng)功能的插件效果，且可以添加具有回調(diào)功能的標(biāo)記點(diǎn)。在網(wǎng)上找了一圈都沒有找到合適的，所以圖方便自己寫了一個(gè)。

效果預(yù)覽

點(diǎn)擊這里查看使用ZoomMarker和EasyLoading構(gòu)建的圖片拖拽、縮放、標(biāo)記及加載動(dòng)畫的示例，使用鼠標(biāo)或觸屏點(diǎn)擊在圖片上添加標(biāo)記點(diǎn)，鼠標(biāo)懸浮在上面查看懸浮提示窗口，使用頂部按鈕實(shí)現(xiàn)圖片切換、清空標(biāo)記點(diǎn)和加載動(dòng)畫示例等。

依賴

在本例子中，還使用了自行編寫的開源加載動(dòng)畫插件EasyLoading，該插件同樣需要jQuery支持。