Basic Image Lightbox With Rotate Support - jQuery dreamImage

Basic Image Lightbox With Rotate Support - jQuery dreamImage
File Size: 6.48 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

dreamImage is a small, simple jQuery plugin to view the image in a responsive, fullscreen lightbox popup with image rotate support.

How to use it:

1. Load the main JavaScript file dreamimage.js after loading jQuery JavaScript library.

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" 
        integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" 
        crossorigin="anonymous">
</script>
<script src="dreamimage.js"></script>

2. Embed an image to the web page.

<img id="demo" 
     src="1.jpg" 
     title="Image Caption"
     alt="Image Caption">

3. Call the function on the image and the plugin will do the rest.

$(document).ready(function(){
  $("#demo").dreamimage();
});

This awesome jQuery plugin is developed by YOmaann. For more Advanced Usages, please check the demo page or visit the official website.