Image Viewer - jQuery Plugin

Live Preview

This is a well designed image viewer. You can view image set in a roll. This image viewer also support mouse wheel events. So you can use mouse wheel as next and previous buttons. This is fully responsive and compatible with all the devices.

Key Features

Full Screen Image Viewer
Next/Previous with mouse wheel
Next/Previous with arrow keys
Escape to close
Esay to install

File Included

HTML files
CSS files
JS files

Source Code:

code
source

<!DOCTYPE html>
<html>
    <head>
        <title>Image Viewer Example | MG Technologies</title>
        <link href="mg-image-viewer.css" rel="stylesheet" type="text/css"/>
        <script src="jquery-1.js" type="text/javascript"></script>
        <script src="mg-image-viewer.js" type="text/javascript"></script>
        <script>
            $(document).ready(function (){
                $.fn.mg_image_viewer();
            });
        </script>
    </head>
    <body>
        <div class="your-images">
            <img class="mg-iv-image" src="images/1.jpg" />
            <img class="mg-iv-image" src="images/2.jpg" />
            <img class="mg-iv-image" src="images/3.jpg" />
            <img class="mg-iv-image" src="images/4.jpg" />
            <img class="mg-iv-image" src="images/5.jpg" />
            <img class="mg-iv-image" src="images/6.jpg" />
        </div>
    </body>
</html>

<!DOCTYPE html>
<html>
    <head>
        <title>Image Viewer Example | MG Technologies</title>
        <link href="mg-image-viewer.css" rel="stylesheet" type="text/css"/>
        <script src="jquery-1.js" type="text/javascript"></script>
        <script src="mg-image-viewer.js" type="text/javascript"></script>
        <script>
            $(document).ready(function (){
                $.fn.mg_image_viewer();
            });
        </script>
    </head>
    <body>
        <div class="your-images">
            <img class="mg-iv-image" src="images/1.jpg" />
            <img class="mg-iv-image" src="images/2.jpg" />
            <img class="mg-iv-image" src="images/3.jpg" />
            <img class="mg-iv-image" src="images/4.jpg" />
            <img class="mg-iv-image" src="images/5.jpg" />
            <img class="mg-iv-image" src="images/6.jpg" />
        </div>
    </body>
</html>

Live Preview

Platform Fee One-time fee

Demo Buy Now

A standard platform fee of $5 is required to download, or get a yearly subscription for unlimited access.

140

Downloads

(0) Reviews