This time I will share jQuery Plugin and tutorial about Touch-compatible Fullscreen Image Viewer Plugin with jQuery – RictusErectus, hope it will help you in programming stack.
RictusErectus is a jQuery plugin that enlarges and displays the full-sized image in a fullscreen modal. The zoomed image can be moved with the mouse or touch gestures. Requires hammer.js JavaScript library to provide touch gestures support.
How to use it:
1. Load jQuery library and the hammer.js in the html page.
1 |
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script> |
2 |
<script src="/path/to/hammer.min.js"></script> |
2. Download and load the jQuery RictusErectus plugin’s JS and CSS files in the page.
1 |
<script src="jquery.rictuserectus.js"></script> |
2 |
<link rel="stylesheet" href="jquery.rictuserectus.css"> |
3. Insert an image into the html page.
4. Initialize the plugin.
1 |
$("#image").rictuserectus(); |
5. Active the image viewer.
1 |
$("#image").rictuserectus("show"); |
This awesome jQuery plugin is developed by aef-. For more Advanced Usages, please check the demo page or visit the official website.
