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

[jqsl2012]

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

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

[jqsl2012]

有偿解答没人会吗

[IvanLi127]

除了能告诉你“他这库有可用的 demo ，效果正常”，没啥能给你解答的了。。。

[shintendo]

你这么问神仙也答不了啊

[ETO]

老哥哥，问问题也是需要技巧的呀。

[ntnyq]

你调用 mediumZoom 了没，还要传参数。看文档。

[jqsl2012]

@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]

@ntnyq 具体怎么调用 mediumZoom 的呢？

[BealuoC]

不如直接贴代码吧

[ntnyq]

@jqsl2012

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

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

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

`<img src="foobar.png" data-zoomable >` 当然也支持类选择器 支持传字符串 或者数组等

[ntnyq]

@jqsl2012 比如你看他这个例子的 调用 https://github.com/francoischalifour/medium-zoom/blob/dd01423b983a228be348c81ef9347d688a166cb6/examples/vanilla/src/index.js#L3

[Envov]

npm 的库最好配合打包工具来用，楼主要么没引入成功，要么没调用函数，要么就是在 dom 加载前调用的函数

[kongkx]

应该是刚接触网页开发的朋友，引入，加载，代码执行顺序估计没弄清。https://codepen.io/kongkx-the-animator/pen/YzaLEMP?editors=1010

[jqsl2012]

@ntnyq
@Envov
@kongkx
昨天还想感谢大家的帮助，今天直呼太难、。，放弃了

[jqsl2012]

nodejs 好难啊有没有同样觉得的小伙伴