Image gallery suggestions

8 posts by 3 authors in: Forums > CMS Builder
Last Post: October 31, 2012   (RSS)

By NigelGordijk - October 19, 2012

Hi, All.

I have this photo gallery on a client's site, which is controlled via CMSB: http://www.lilieswhite.com/gallery.php and http://www.lilieswhite.com/galleryDetails.php?Weddings-4.

Does anyone know of a recipe for creating a gallery that works more like this? http://www.bbc.co.uk/news/in-pictures-20001851. I like my index page, but I'd prefer to show the first image as a large picture with scrollable thumbnails underneath. Any suggestions, please?
Nigel Gordijk

Common Sense Design: User-focused Web design
Tel: 001 519 342 5348 | Web: www.commonsensedesign.net

Re: [NigelGordijk] Image gallery suggestions

By gregThomas - October 19, 2012 - edited: October 19, 2012

Hi Nigel,

The jquery cycle plugin is a very adaptable image slider. You could try changing your current code to something like this demo:


http://jquery.malsup.com/cycle/pager2.html


The add-on is very versatile, allowing you to choose various image swapping effects, set how long an image is displayed for, etc. It also allows you to slide between html content if you require.

Thanks
Greg Thomas







PHP Programmer - interactivetools.com

Re: [greg] Image gallery suggestions

By NigelGordijk - October 19, 2012

Thanks, Greg. I'll give that a try.
Nigel Gordijk

Common Sense Design: User-focused Web design
Tel: 001 519 342 5348 | Web: www.commonsensedesign.net

Re: [greg] Image gallery suggestions

By NigelGordijk - October 30, 2012

Hi, Greg.

I've been trying to follow the link you posted for a few days, but the site seems to be down. Do you know of any other reference points for the jquery cycle plugin, please? I've tried Googling it, but I can't find an easy-to-understand site that has the plugin download and a recipe for implementing it.

Cheers,
Nigel Gordijk

Common Sense Design: User-focused Web design
Tel: 001 519 342 5348 | Web: www.commonsensedesign.net

Re: [NigelGordijk] Image gallery suggestions

By Toledoh - October 31, 2012

This is the responsive version
http://jquery.malsup.com/cycle2/

This is the base version.
http://jquery.malsup.com/cycle/

I'm using the responsive version all the time now, even when not in a responsive environment - it's simple and light-weight.
Cheers,

Tim (toledoh.com.au)

Re: [Toledoh] Image gallery suggestions

By NigelGordijk - October 31, 2012

Thanks, Tim.
Nigel Gordijk

Common Sense Design: User-focused Web design
Tel: 001 519 342 5348 | Web: www.commonsensedesign.net

Re: [greg] Image gallery suggestions

By NigelGordijk - October 31, 2012

Great stuff! Thanks so much for your help.
Nigel Gordijk

Common Sense Design: User-focused Web design
Tel: 001 519 342 5348 | Web: www.commonsensedesign.net