Responsive and Mobile-Friendly jQuery Gallery Plugin - galereya

galereya is a jQuery plugin for creating responsive and mobile-friendly galleries with fullscreen lightbox effects. galereya is highly custiomizable through javascript/CSS and has an ability to showcase a group of your images using standard html markup or JSON data source.

Basic Usage:

1. Include galereya.css on the page

<link rel="stylesheet" href="css/jquery.galereya.css">
<!--[if lt IE 9]>
<link rel="stylesheet" href="css/jquery.galereya.ie.css">
<![endif]-->

2. Include jQuery library and galereya plugin on the page

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script src="js/jquery.galereya.min.js"></script> 

3. Using standard html markup

‹div id="demo"›
    ‹img src="path/to/thumbnail"
        alt="Title here"
        title="Or here(more priority)"
        data-desc="some description"
        data-category="image category here"
        data-fullsrc="path/to/full/image."
    /›
    ...
    ‹img src="imgs/thumbnails/image42.jpg"
        alt="Image"
        data-desc="Example"
        data-fullsrc="imgs/image42.jpg"
    /›
‹/div›
<script>
$(function() {
      $('#demo').galereya();
});
</script>

4. Using JSON data source

<div id="gallery"></div>
<script>
$(function() {
$('#gallery').galereya({
load: function(next) {
$.getJSON('images.json', function(data) {
next(data);
});
}
});
});
</script>

5. Options

spacing: 0, // spacing between cells of the masonry grid
wave: true, // waving visual effect
waveTimeout: 300, // waving visual effect timeout duration
modifier: '', // special CSS modifier for the gallery
slideShowSpeed: 10000, // speed of the slide show
cellFadeInSpeed: 200, // speed of appearance of cells
noCategoryName: 'all', // the name of the general category
disableSliderOnClick: false,  // set to true, if you don't want to show the slider on the cell click.

---

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