Lightweight Responsive Gallery Lightbox Plugin For jQuery - picturebox

Lightweight Responsive Gallery Lightbox Plugin For jQuery - picturebox
File Size: 862 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

picturebox is a lightweight and dead simple jQuery plugin that displays a photo gallery in a responsive & full page lightbox with navigation.

How to use it:

1. Include the jQuery picturebox plugin and other necessary resources in the web page.

<link rel="stylesheet" href="includes/picturebox.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src = "includes/picturebox.js"></script>

2. Create a container with CSS class of 'lightbox' for the gallery lightbox.

<div class="lightbox">
<img src="sample/1.jpg" height = "150px">
<img src="sample/2.jpg" height = "150px">
<img src="sample/3.jpg" height = "150px">
...
</div>

3. That's it. Click on the images to see the magic.


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