jQuery Album-Like Image Gallery Plugin - Albumize

File Size: 5.92MB
Views Total: 2217
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Album-Like Image Gallery Plugin - Albumize

Albumize is a plugin for jQuery that allows you to organize and manage a collection of images on your web page as albums. With albumize plugin, you can browse albums, add cover image to albums and switch between albums.

Basic Usage:

1. Add the jQuery javascript library on your web page

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

2. Include jQuery Albumize plugin on the page

<link href="css/albumize.css" rel="stylesheet" />
<script src="js/albumize.js"></script>

3. Markup html structure

<div class="albumize" title="Album title"> 
<a href = "large-image-1.jpg" title="image title"> <img src="thumbnail-1.jpg"> </img> </a> 
<a href = "large-image-2.jpg" title="image title"> <img src="thumbnail-2.jpg" class="albumize-cover"> </img> </a> 
</div>

4. Create a button to trigger the albums

<button id = "show-albums-button">View albums</button>

5. The javascript

<script>
$(document).ready(function(){

var sb = $('#show-albums-button');

sb.click(function(){
$.albumize();
});

});
</script>

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