PhotoViewer


PhotoViewer is a JS plugin to view images just like in Windows.

> If you want to support IE8, please goto Magnify.

#### Quick links

Documentation |
Examples

Features

- Vanilla JS
- Modal draggable
- Modal resizable
- Modal maximizable
- Image movable
- Image zoomable
- Image rotatable
- Keyboard control
- Fullscreen showing
- Multiple instances
- Browser support IE9+
- RTL support

Installation

You can install the plugin via npm

``sh
npm install photoviewer --save
`

Quick Start

$3

`scss
@use 'photoviewer';
`

`js
import PhotoViewer from 'photoviewer';
`

or

`html





`

$3

The usage of photoviewer is very simple, the PhotoViewer's constructor has 2 arguments.

1. Array with objects of image info.
2. Options

`js
// build images array
var items = [
{
src: 'path/to/image1.jpg', // path to image
title: 'Image Caption 1' // If you skip it, there will display the original image name(image1)
},
{
src: 'path/to/image2.jpg',
title: 'Image Caption 2'
}
];

// define options (if needed)
var options = {
// optionName: 'option value'
// for example:
index: 0 // this option means you will start at first image
};

// Initialize the plugin
var photoviewer = new PhotoViewer(items, options);
``

$3

At last, binding click event on a button element at initializing.

Contributors

$3

This project exists thanks to all the people who contribute. [Contribute].

$3

Become a financial contributor and help us sustain our community. [Contribute]

#### Individuals

#### Organizations

Support this project with your organization. Your logo will show up here with a link to your website. [Contribute]

License

MIT License