Image Viewer - jQuery Plugin
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.
Source Code:
<!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>
Get updates!
Follow @themgtechnologyCompatible Browsers
Chrome, Firefox, Safari, Opera, IE9+, Edge
Technologies Used
HTML 5, CSS 3, JS, jQuery
Author
Licence
MIT