PDA

View Full Version : Thumbnail Gallery


sk101
01-24-2012, 12: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.

http://www.west8.nl/projects/public_space/aegon_plein/

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

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

http://jsfiddle.net/53Pc4/

sk101
01-25-2012, 08:15 AM
Ranjan,

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!

ranjan
01-26-2012, 10: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