Fast Responsive Image Lightbox Plugin - jQuery mobileLightBox

File Size: 9.85 KB
Views Total: 1476
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Fast Responsive Image Lightbox Plugin - jQuery mobileLightBox

A simple, blazing-fast, mobile-friendly lightbox plugin which displays the full-size version of your image in a responsive modal popup.

Click anywhere on the screen to close the image lightbox.

How to use it:

1. Import the mobileLightBox plugin's files into the webpage which has jQuery library loaded.

<link rel="stylesheet" type="text/css" href="/path/to/mobilelightbox.css">
<script src="/path/to//jquery.min.js"></script>
<script src="/path/to/mobilelightbox.js"></script>

2. Add the CSS class mobileLightBox to the image links as follows:

<a href="" class="mobileLightBox">
  <img src="" alt="Image 1">

<a href="" class="mobileLightBox">
  <img src="" alt="Image 2">

<a href="" class="mobileLightBox">
  <img src="" alt="Image 3">


3. Call the function mobileLightBox() on document ready and the plugin will do the rest.


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