logo-dw

Go Back   Dreamweaver Club Forums > Hand Coders Forum > Javascript and JS frameworks
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 01-24-2012, 12:12 PM   #1
sk101
 
Join Date: Jan 2012
Posts: 2
Default Thumbnail Gallery

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
sk101 is offline   Reply With Quote
Old 01-25-2012, 07:06 AM   #2
ranjan
 
Join Date: Dec 2004
Posts: 405
Default

Something like this?

http://jsfiddle.net/53Pc4/
ranjan is offline   Reply With Quote
Old 01-25-2012, 08:15 AM   #3
sk101
 
Join Date: Jan 2012
Posts: 2
Default

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!
sk101 is offline   Reply With Quote
Old 01-26-2012, 10:33 AM   #4
ranjan
 
Join Date: Dec 2004
Posts: 405
Default

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/wh...-cycle-plugin/) to create your script

Last edited by ranjan; 01-26-2012 at 10:41 AM..
ranjan is offline   Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 11:52 AM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com