Example One: thumbnails below, no captions
XHTML code:
jQuery code:
$(document).ready(function(){
$('#example1').bxGallery({
maxwidth: 500,
thumbwidth: 100,
thumbcrop: true
});
});
Example Two: thumbnails left, include captions
XHTML code:
jQuery code:
$(document).ready(function(){
$('#example2').bxGallery({
maxheight: 450,
thumbwidth: 50,
thumbplacement: 'left',
thumbcontainer: 70,
wrapperclass: 'outer2'
});
});
Example Three: thumbnails top
XHTML code:
jQuery code:
$(document).ready(function(){
$('#example3').bxGallery({
thumbwidth: 100,
thumbcrop: true,
croppercent: .5,
thumbplacement: 'top',
wrapperclass: 'outer3'
});
});