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: [NigelGordijk] Image gallery suggestions

By gregThomas - October 31, 2012

Hi Nigel,

It looks as if the jquery cycle page is up and running again now. I've just added a post that might be helpful to you:


http://www.interactivetools.com/forum/gforum.cgi?post=95580#95580


If you follow this tutorial and adapt the foreach loop and html in the code section you should be able to get it working with jquery cycle.

Thanks!

Greg
Greg Thomas







PHP Programmer - interactivetools.com

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