ZViewer allows you to open images in full screen view.
- Fast
- Light
- Simple
- Beautiful
- Comfortable
- Free & open source
Add this line to your HTML file:
<script src=https://cdn.statically.io/gh/zgoly/zviewer/main/zviewer.js></script>Or if you have downloaded zviewer.js:
<script src='/path/to/zviewer.js'></script>It's simple - just use zviewer(image) function, where image can be:
- Reference to element
- Link to image
Image, when clicked, opens in full screen
<script src=https://cdn.statically.io/gh/zgoly/zviewer/main/zviewer.js></script>
<img onclick='zviewer(this)' src='https://picsum.photos/1920/1080/?random'>Button, when clicked, opens random image in full screen
<script src=https://cdn.statically.io/gh/zgoly/zviewer/main/zviewer.js></script>
<button onclick='window.zviewer("https://picsum.photos/1080/1080/?random&" + new Date().getTime())'>Random image!</button>
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent