Responsive and Mobile-Friendly jQuery Gallery Plugin - galereya

Responsive and Mobile-Friendly jQuery Gallery Plugin - galereya
File Size: 3.23 MB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

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.