Touch-compatible Fullscreen Image Viewer Plugin with jQuery - RictusErectus

Touch-compatible Fullscreen Image Viewer Plugin with jQuery - RictusErectus
File Size: 1.33 MB
Views Total:
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.