爱意满满的作品展示区。
kingdido999

纯 JS 实现、可自定义的网页图片缩放和拖曳

  •  
  •   kingdido999 ·
    kingdido999 · Dec 6, 2016 · 2806 views
    This topic created in 3448 days ago, the information mentioned may be changed or developed.

    我利用空闲时间做的一个小项目, JS 实现的图片缩放以及拖曳,而且不依赖任何第三方库。

    • 点击放大图片
    • 按住图片进入拖曳模式
    • 缩略图放大后可使用自定义的高清图片
    • 可通过 JS 调用方法和自定义配置

    演示: http://desmonding.me/zooming/

    GitHub : https://github.com/kingdido999/zooming

    欢迎提出任何想法或者建议:)

    6 replies    2016-12-13 23:51:32 +08:00
    jinzhe
        1
    jinzhe  
       Dec 6, 2016
    如果上一级 DIV 不是全屏的话会限制区域,然后是拖动不太好用
    qq234il
        2
    qq234il  
       Dec 9, 2016 via Android
    手机端好像没有反应哎
    kingdido999
        3
    kingdido999  
    OP
       Dec 12, 2016
    @qq234il 之前有一个 bug 已经修复,现在可以用了吗?
    kingdido999
        4
    kingdido999  
    OP
       Dec 12, 2016
    @jinzhe 能否解释一下“上一级 DIV 不是全屏的话会限制区域”?目前反转了拖动的方向,你觉得会好用一些吗?
    jinzhe
        5
    jinzhe  
       Dec 12, 2016
    @kingdido999 就是我的文章内容是在 500px*500px 宽度内显示,图片也在里面,但是我点击的时候应该占全屏显示才好
    qq234il
        6
    qq234il  
       Dec 13, 2016
    @kingdido999 恩,可以看到啦
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   867 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 20:28 · PVG 04:28 · LAX 13:28 · JFK 16:28
    ♥ Do have faith in what you're doing.