bxGallery - jQuery image gallery plugin

				$(document).ready(function(){
					$('#slides1').bxGallery({
						maxheight: 350,
						thumbwidth: 75,
						thumbplacement: 'left',
						thumbcontainer: 90
					});
				});
			

				<ul>
					<li><img src="images/other1.jpg" title="funky robot" /></li>
					<li><img src="images/other2.jpg" title="shiny bot" /></li>
					<li><img src="images/other3.jpg" title="green peace" /></li>
					<li><img src="images/other4.jpg" title="purple haze" /></li>
				</ul>
			

				$(document).ready(function(){
					$('ul').bxGallery({
						maxwidth: '',              // if set, the main image will be no wider than specified value (in pixels)
						maxheight: '',             // if set, the main image will be no taller than specified value (in pixels)
						thumbwidth: 200,           // thumbnail width (in pixels)
						thumbcrop: false,          // if true, thumbnails will be a perfect square and some of the image will be cropped
						croppercent: .35,          // if thumbcrop: true, the thumbnail will be scaled to this 
												   // percentage, then cropped to a square
						thumbplacement: 'bottom',  // placement of thumbnails (top, bottom, left, right)
						thumbcontainer: '',        // width of the thumbnail container div (in pixels)
						opacity: .7,               // opacity level of thumbnails
						load_text: '',             // if set, text will display while images are loading
						load_image: 'http://i302.photobucket.com/albums/nn92/wandoledzep/spinner.gif',
						                           // image to display while images are loading
						wrapperclass: 'outer'      // classname for outer wrapping div
					});
				});