overview

Gallerybox is a elegant, unobtrusive jQuery plugin used to overlay image gallery on the current page.

features

menu bar

• Create category menu for multiple image gallery.
• Title will be displayed in the top menu bar

footer bar

• Thumbnail image list will be displayed in the footer from current category for random access.

view port

• Automatic reduction of the expanded image (selected) to the view port.
• Automatic adjustment of the view port while window resized by user.
• Thumbnail view for previous, next buttons.

example

how to use

step 1

Include the CSS file responsible to style the jQuery Gallerybox

<link type="text/css" rel="stylesheet" href="css/gallery_box.css" media="screen"/>

step 2

Include jQuery JavaScript library and Gallerybox plugin files in your header.

<script language="javascript" type="text/javascript" src="js/jquery.js"></script>
<script language="javascript" type="text/javascript" src="js/gallery_box.js"></script>

Make sure the CSS and referenced image files are in the right location.

step 3

Add rel="gallerybox[Example][images/thumimg.jpg]" attribute to any link tag to activate the gallery.

<a rel="gallerybox[Category#1][images/thummg.jpg]" href="images/full/fullimg.jpg" title="image description">
<img border="0" src="images/thummg.jpg" /></a>

“Try our gallerybox feel the new experience. Leave your feedback will paves the way for advance version of this gallery in future”. Share with us

download