图片滚动/放大/拖动/标记 jQuery 插件 ZoomMarker

Apache
JavaScript
跨平台
2019-02-12
yeye0922

一款用于图片滚动放大拖动,且可以添加标记的jQuery插件

在项目中需要实现类似地图应用那样的,具有鼠标滚动缩放和拖动功能的插件效果,且可以添加具有回调功能的标记点。在网上找了一圈都没有找到合适的,所以图方便自己写了一个。

效果预览

点击这里查看使用ZoomMarkerEasyLoading构建的图片拖拽、缩放、标记及加载动画的示例,使用鼠标或触屏点击在图片上添加标记点,鼠标悬浮在上面查看悬浮提示窗口,使用顶部按钮实现图片切换、清空标记点和加载动画示例等。

依赖

namemin-versiondetail
jQuery3.3.1JavaScript的DOM操作框架
jquery.mousewheel1.6jQuery鼠标滚轮监听插件
Hammer.js2.0.4多点触控插件
EasyLoading.js0.1.0加载动画库

在本例子中,还使用了自行编写的开源加载动画插件EasyLoading,该插件同样需要jQuery支持。

的码云指数为
超过 的项目
加载中

评论(0)

暂无评论

暂无资讯

暂无问答

ZoomMarker 一款用于图片滚动放大拖动,且可以添加标记的jQuery插件

点击这里跳转至GitHub项目 ZoomMarker 一款用于图片滚动放大拖动,且可以添加标记的jQuery插件 在项目中需要实现类似地图应用那样的,具有鼠标滚动缩放和拖动功能的插件效果,且可以添加具有...

02/12 15:32
6
0

没有更多内容

加载失败,请刷新页面

没有更多内容

返回顶部
顶部