jQuery Viewer: a jQuery Wrapper for Viewer.js

Viewer Js is a powerful image viewer with many great features. It also supports player mode in which images are presented like in a slideshow. jQuery Viewer is a jQuery plugin wrapper for Viewer Js.

How to Use jQuery Viewer

The script can be downloaded here.

<script src="/path/to/jquery.js"></script>
<script src="/path/to/viewer.js"></script>
<link href="/path/to/viewer.css" rel="stylesheet">
<script src="/path/to/jquery-viewer.js"></script>

HTML codes:

<div class="container">
<!– Single Image –>
<img id="single_image" src="image.jpg" alt="Image">

<!– A list of Images –>
<ul id="images_gallery">
<li><img src="image-1.jpg" alt="Image 1"></li>
<li><img src="image-2.jpg" alt="Image 2"></li>
<li><img src="image-3.jpg" alt="Image 3"></li>



//view single image
inline: true,
viewed: function() {
$image.viewer(‘zoomTo’, 1);

// View a list of images

You can get the Viewer.js instance after initialization by calling var viewer = $(‘#single_image’).data(‘viewer’);. All methods can be found on the original Viewer JS.

new Viewer(image, {
ready: function () {
// 2 methods are available here: "show" and "destroy".
shown: function () {
// 9 methods are available here: "hide", "view", "prev", "next", "play", "stop", "full", "exit" and "destroy".
viewed: function () {
// All methods are available here except "show".

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.