View Full Version : Thumbnail Gallery

01-24-2012, 01:12 PM
Hi all,

please excuse my ignorance regarding coding as I am a beginner when it comes to coding and generally use Dreamweaver on a WYSIWYG basis.

I am looking to integrate an image gallery for a portfolio page similar to the image swap behaviour found on this site, with thumbnails swapping the main image.


I have been able to get a general imageswap behaviour linking to individual thumbs working, but the transitions arent very smooth and there is no option to highlight the currently selected thumbnail as per the above site.

I was wondering if anyone knows of any type of DW extension that is available to create the example shown as I am not familiar with code in the slightest.. Or if anyone has any hints with regards to what Javascript was used on the page so I can have a look at how to integrate it.

Many thanks in advanc

01-25-2012, 08:06 AM
Something like this?


01-25-2012, 09:15 AM

Many thanks for that, thats exactly what I am looking for although the images dont seem to change on click. Will I be able to use the script even if I place the images and thumbnails in Divs?

Many thanks for taking the time to do this!

01-26-2012, 11:33 AM
The above script was written quick and dirty

The script quickly becomes complicate when trying to add a click behavior to the thumbnails.

I would advice you to look at jquery cycle plugin (http://dposorio.com/wordpress/304/white-house-style-slideshow-using-jquery-cycle-plugin/) to create your script