<script src=" https://cdn.jsdelivr.net/npm/react-image-zoom-hover@1.0.2/dist/index.min.js "></script>
<link href=" https://cdn.jsdelivr.net/npm/react-image-zoom-hover@1.0.2/dist/index.min.css " rel="stylesheet">
No default CSS file set by the package author so the URL is guessed. You can always browse all package files to use another one.
react-image-zoom
Made with create-react-library
Preview
Install
npm install --save react-image-zoom-hover
Usage
import React from 'react'
import { ImageZoom } from 'react-image-zoom'
import 'react-image-zoom/dist/index.css'
import bigImage from 'react-image-zoom-hover/example/public/example.jpg'
const App = () =>
{
return <div class="center"><ImageZoom bigImage={bigImage}><img width="200" height="200" src="example.jpg" className="image" alt="example_image" /></ImageZoom></div>
}
export default App
ChangeLog
1.1 Support for mobile was added.
License
MIT © nvwebm