https://github.com/ajayns/previewer
A super light-weight JavaScript image previewer [not actively maintained]
https://github.com/ajayns/previewer
image-viewer javascript javascript-library js-library vanilla-javascript
Last synced: about 1 year ago
JSON representation
A super light-weight JavaScript image previewer [not actively maintained]
- Host: GitHub
- URL: https://github.com/ajayns/previewer
- Owner: ajayns
- Created: 2017-06-30T18:10:02.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2020-06-08T09:24:15.000Z (about 6 years ago)
- Last Synced: 2025-03-28T18:55:09.756Z (about 1 year ago)
- Topics: image-viewer, javascript, javascript-library, js-library, vanilla-javascript
- Language: JavaScript
- Homepage:
- Size: 769 KB
- Stars: 25
- Watchers: 1
- Forks: 15
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# previewer
[Demo 1](https://sidworks.netlify.app/)
A JavaScript image previewer for the web, which uses a Picasa inspired UI and is super light-weight.
## Setup
Make sure you have the previewer.js and previewer.css files (or the minified versions) included in the html document.
```html
```
For adding the preview functionality to a single image, just add a `preview-image` class.
```html
```
For multiple images, arranged as a list, add a `preview-images` class to the parent.
```html
```
For different thumbnail and preview, use `data-previewer` attribute.
```html
```
To finish up, initialize previewer by adding the following code:
```javascript
var previewer = new Previewer();
```
## Features to be added
* Popup and close animations
* Keyboard support
* Add Gulp to auto-minify
* Mobile support
* Add loader
* Remove jQuery dependancy