picture-viewer
JavaScript Module of Viewing Pciture.
demo
how to get it
download
https://mebtte.github.io/picture-viewer/picture-viewer.js
npm
npm install --save picture-viewergit
git clone https://github.com/mebtte/picture-viewer.git
cd picture-viewer
npm install
npm run buildusage
- append the picture-viewer.js to body.
- add the html class 'picture-viewer' to the img tag.
- click the img tag and show the picture viewer.
<body>
<!-- show the picture of src -->
<img class="picture-viewer" src="demo.jpg" alt="demo" />
<!-- show the picture of data-origin-src -->
<img class="picture-viewer" src="demo.min.jpg" data-origin-src="demo.jpg" alt="demo" />
<!-- the script must to be in body -->
<script src="picture-viewer.js"></script>
</body>build your own picture-viewer
git clone https://github.com/mebtte/picture-viewer
cd picture-viewer
npm install
npm run devmodify files of directory src and can see what you modify in browser.
and run npm run build to build your own picture-viewer.
