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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 827 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

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

medium-zoom

min

兄弟

引入

14 条回复

jqsl2012

2022-08-05 16:08:11 +08:00

有偿解答没人会吗

IvanLi127

2022-08-05 16:58:07 +08:00

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

shintendo

2022-08-05 17:03:00 +08:00

你这么问神仙也答不了啊

ETO

2022-08-05 17:06:23 +08:00

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

ntnyq

2022-08-05 17:07:31 +08:00

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

jqsl2012

2022-08-05 17:11:39 +08:00

@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

2022-08-05 17:17:24 +08:00

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

BealuoC

2022-08-05 17:55:41 +08:00

不如直接贴代码吧

ntnyq

2022-08-05 17:56:36 +08:00

@jqsl2012

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

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

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

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

ntnyq

2022-08-05 17:57:35 +08:00

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

Envov

2022-08-05 21:02:16 +08:00 via iPhone

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

kongkx

2022-08-06 09:24:44 +08:00 via iPhone

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

jqsl2012

2022-08-06 18:03:53 +08:00

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

jqsl2012

2022-08-06 18:04:58 +08:00

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