react-image-magnify 缩略图鼠标移入放大插件

一个用于触摸和鼠标的响应式React图像缩放组件,专为购物网站产品细节设计。

https://www.npmjs.com/package/react-image-magnify

看起来很好用,适用于商城类产品图。

可指定缩略图和放大后图片的尺寸。

import ReactImageMagnify from 'react-image-magnify';

<ReactImageMagnify {...{
    smallImage: {
        alt: 'Wristwatch by Ted Baker London',
        isFluidWidth: true,
        src: watchImg300
    },
    largeImage: {
        src: watchImg1200,
        width: 1200,
        height: 1800
    }
}} />
本文收录于专栏
收集一些好用的前端开源库,主要是 npm 包