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 |
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.