V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
jqsl2012
V2EX  ›  问与答

有没有哪位兄弟用过这个 js 的库 medium-zoom

  •  
  •   jqsl2012 · 62 天前 · 604 次点击
    这是一个创建于 62 天前的主题,其中的信息可能已经有所发展或是发生改变。

    https://github.com/francoischalifour/medium-zoom

    引入了 medium-zoom.min.js 库,图片就是没有放大效果

    jqsl2012
        1
    jqsl2012  
    OP
       62 天前
    有偿解答没人会吗
    IvanLi127
        2
    IvanLi127  
       62 天前
    除了能告诉你“他这库有可用的 demo ,效果正常”,没啥能给你解答的了。。。
    shintendo
        3
    shintendo  
       62 天前
    你这么问神仙也答不了啊
    ETO
        4
    ETO  
       62 天前
    老哥哥,问问题也是需要技巧的呀。
    ntnyq
        5
    ntnyq  
       62 天前
    你调用 mediumZoom 了没,还要传参数。看文档。
    jqsl2012
        6
    jqsl2012  
    OP
       62 天前
    @IvanLi127
    @shintendo
    @ETO
    @ntnyq

    兄弟们,我 js 就写过 helloworld 。

    我引入了 npm install medium-zoom 后,写了个 demo.html ,然后引入了 medium-zoom.min.js

    我按照文档 <img src="http 地址 /小图-image-thumbnail.jpg" data-zoom-src="http 地址 /大图-image-hd.jpg" alt="My image" />

    但是打开 demo.html 貌似没什么效果
    jqsl2012
        7
    jqsl2012  
    OP
       62 天前
    @ntnyq 具体怎么调用 mediumZoom 的呢?
    BealuoC
        8
    BealuoC  
       62 天前
    不如直接贴代码吧
    ntnyq
        9
    ntnyq  
       62 天前
    @jqsl2012

    看这个链接 https://github.com/francoischalifour/medium-zoom#api

    库在全局有个方法 `mediumZoom ` 要调用这个方法 这个方法接收 2 个参数 第一个是选择器或者元素 第二个是配置

    比如你这样调用 `mediumZoom([data-zoomable])` 然后你在图片上加个 `data-zoomable`属性 它就可以放大了

    `<img src="foobar.png" data-zoomable >` 当然也支持类选择器 支持传字符串 或者数组等
    Envov
        11
    Envov  
       62 天前 via iPhone
    npm 的库最好配合打包工具来用,楼主要么没引入成功,要么没调用函数,要么就是在 dom 加载前调用的函数
    kongkx
        12
    kongkx  
       61 天前 via iPhone
    应该是刚接触网页开发的朋友,引入,加载,代码执行顺序估计没弄清。https://codepen.io/kongkx-the-animator/pen/YzaLEMP?editors=1010
    jqsl2012
        13
    jqsl2012  
    OP
       61 天前
    @ntnyq
    @Envov
    @kongkx
    昨天还想感谢大家的帮助,今天直呼太难、。,放弃了
    jqsl2012
        14
    jqsl2012  
    OP
       61 天前
    nodejs 好难啊有没有同样觉得的小伙伴
    关于   ·   帮助文档   ·   API   ·   FAQ   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   928 人在线   最高记录 5497   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 43ms · UTC 20:15 · PVG 04:15 · LAX 13:15 · JFK 16:15
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.