纯 JS 实现、可自定义的网页图片缩放和拖曳
kingdido999 · kingdido999 · 2016-12-06 12:15:06 +08:00 · 2111 次点击这是一个创建于 2911 天前的主题，其中的信息可能已经有所发展或是发生改变。
我利用空闲时间做的一个小项目， JS 实现的图片缩放以及拖曳，而且不依赖任何第三方库。
- 点击放大图片
- 按住图片进入拖曳模式
- 缩略图放大后可使用自定义的高清图片
- 可通过 JS 调用方法和自定义配置
演示： http://desmonding.me/zooming/
GitHub ： https://github.com/kingdido999/zooming
欢迎提出任何想法或者建议：）
 |
1
jinzhe 2016-12-06 15:23:40 +08:00
如果上一级 DIV 不是全屏的话会限制区域，然后是拖动不太好用
|
 |
2
qq234il 2016-12-09 09:00:55 +08:00 via Android
手机端好像没有反应哎
|
 |
3
kingdido999 OP @qq234il 之前有一个 bug 已经修复，现在可以用了吗？
|
|
4
kingdido999 OP @jinzhe 能否解释一下“上一级 DIV 不是全屏的话会限制区域”？目前反转了拖动的方向，你觉得会好用一些吗？
|
|
5
jinzhe 2016-12-12 16:41:39 +08:00
@kingdido999 就是我的文章内容是在 500px*500px 宽度内显示，图片也在里面，但是我点击的时候应该占全屏显示才好
|
|
6
qq234il 2016-12-13 23:51:32 +08:00
@kingdido999 恩，可以看到啦
|
Select Language