Touch-compatible Fullscreen Image Viewer Plugin with jQuery - RictusErectus
File Size: | 1.33 MB |
---|---|
Views Total: | 3066 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |

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.
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script> <script src="/path/to/hammer.min.js"></script>
2. Download and load the jQuery RictusErectus plugin's JS and CSS files in the page.
<script src="jquery.rictuserectus.js"></script> <link rel="stylesheet" href="jquery.rictuserectus.css">
3. Insert an image into the html page.
<div id="image"> <img src="1.png"> </div>
4. Initialize the plugin.
$("#image").rictuserectus();
5. Active the image viewer.
$("#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.