微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

程序名称:ZoomMarker

授权协议: Apache

操作系统: 跨平台

开发语言: JavaScript

ZoomMarker 介绍

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

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

效果预览

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

依赖

name min-version detail
[jQuery](http://jquery.com/) 3.3.1 JavaScript的DOM操作框架
[jquery.mousewheel](http://plugins.jquery.com/mousewheel/) 1.6 jQuery鼠标滚轮监听插件
[Hammer.js](http://hammerjs.github.io/) 2.0.4 多点触控插件
[EasyLoading.js](https://github.com/yeye0922/EasyLoading/) 0.1.0 加载动画库

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

ZoomMarker 官网

https://gitee.com/yeye0922/ZoomMarker

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐