Fullscreen Responsive Photo Gallery Plugin - Gallerybox

File Size: 5.67 KB
Views Total: 8289
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Fullscreen Responsive Photo Gallery Plugin - Gallerybox

Gallerybox is a simple-to-use jQuery gallery plugin which displays images in a fullscreen, responsive lightbox with a bottom thumbnail carousel.

How to use it:

1. Include the jQuery Gallerybox plugin's stylesheet gallerybox.css in the head section of the html document.

<link href="gallerybox.css" rel="stylesheet">

2. Add a group of images with the same CSS class into the html page.

<img src="1.jpg" class="demo"> 
<img src="2.jpg" class="demo"> 
<img src="3.jpg" class="demo"> 
...

3. Call the function and the plugin will take care of the rest.

$('.demo').gallerybox();

4. Default plugin options.

$('.demo').gallerybox({

  // background color
  bgColor: '#000',
  
  // background opacity
  bgOpacity: 0.95,

  // text for close button
  closeText: 'CLOSE'
  
});

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