Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

General Discussion

Scott Cinatl
Scott Cinatl
3,718 Points
Posted by Scott Cinatl
Scott Cinatl
3,718 Points

How to create an Image Flow Gallery?

Hi Treehouse Community,

I am currently working on my first project, a photography portfolio website. I have only used HTML/CSS so far, but I want to add a nice interactive flow image gallery. Though I have no idea how to make one. Below, is the example that I wish to replicate.

http://themes.themegoods.com/photography/demo1/galleries/flow-gallery/

Can anyone provide me with tips on how to replicate this for my own project. What programming languages I would need to use and maybe sample code for how to set it up?

Thanks!

Scott

2 Answers

Evgeniia Mas
Evgeniia Mas
4,452 Points
Evgeniia Mas
Evgeniia Mas
4,452 Points

Hello!If you are just starting and want to make it quickly I can advise you one link where you 'll find similar flow gallery on Javascript and it's library jquery. Near to the page bottom you can see demo of provided gallery and decide if it 'll be good for your webpage) http://flowgallery.org/ If you download the files there you'll see this gallery with real pictures) not just schema!

Scott Cinatl
Scott Cinatl
3,718 Points
Scott Cinatl
Scott Cinatl
3,718 Points

Thanks for the response. This is exactly what I was looking for, close enough to the example I showed where I can at least get the concept behind making similar for my web page.

Thank you!