Img-previewer is a small, easy-to-use JavaScript image preview plugin, ready for use out of the box, with no additional configuration required. Suitable for any web page, no need to change the page’s HTML code structure.
lightbox gallery bootstrap, jquery image viewer, responsive lightbox jquery, jquery lightbox video popup
Provides commonly used functions:
- Mouse wheel to enlarge the image
- Image dragging icon
- Smooth animation transition
- Previous Next
How to make use of it:
1. Load the img-previewer’s JavaScript and CSS within the HTML doc.
<link rel="stylesheet" href="./src/index.css" /> <script src="./dist/img-previewer.min.js"></script>
2. Initialize the img-previewer and we’re executed.
const myViewer = new ImgPreviewer('#image-container');3. Available choices.
const myViewer = new ImgPreviewer('#image-container',{
// aspect ratio of image
ratio: 0.9,
// whether to show the scrollbar
scrollbar: false,
// zoom options
zoom: {
min: 0.1,
max: 5,
step: 0.1
}
// callback
onInited: function (){
// do something
},
});4. Update the picture previewed in circumstances the place new pictures are added.
myViewer.update()
Image Viewer/Lightbox Library, img-previewer Plugin/Github, responsive lightbox image gallery, bootstrap lightbox gallery demo, jquery lightbox gallery, lightbox image slider
See Demo And Download
Official Website(yue1123): Click Here
This superior jQuery/javascript plugin is developed by yue1123. For extra advanced usage, please go to the official website.
