Simple image gallery

I’m looking for a very simple image gallery solution (no lightbox or something other fance) with a large image and a x amount of thumbnails at one off the sides, where the big image change whenever another thumbnail is clicked, without page refresh. ( a fade transition would be nice)!

Which Plugin, preferably as light as possible, is the most suitable for this task?

Thank you in advance

Hi webgypsy. Thank you for the reply. This could be very helpful indeed :slight_smile: One question though. Javascript is not really my strongest point so I have one question! i see you define the image in an array within Javascrip. My images, though are coming from a database. So I would my Javascript look like in that case?

Hi webgypsy. I definitely gonna have a look at this later on because it looks okay to me. I needed a quick solution for the sake of a presentation I have later on today. For the sake of that I found this:

<script type="text/javascript">

	$("ul.thumb li a").click(function() {
		var mainImage = $(this).attr("href"); //Find Image Name
		$("#main_view img").attr({ src: mainImage });
		return false;		

Do you have an idea how I can add fade transition to the big images?

In the output:

<div id="main_view">
<cfoutput query="getPhotos">
<img src="property_photos/featured/#getPhotos.featured#" alt="" width="400" height="300" />

<ul class="thumbs">
<cfoutput query="getPhotos">
	<li><a href="property_photos/featured/#getPhotos.featured#"><img src="property_photos/thumbnails/#getPhotos.thumbnail#" alt="" /></a></li>