Imitating an image selection feature from another website

[Christopher May]

I've got a T-shirt website I'm creating and need to know how to do something like on this website: http://marcinkaniewski.com/#

My client would like to be able to upload his lookbook and have people click on a photo and make it enlarge in addition to being able to click on a size (such as small) or gender (male or female) and have only those photos remaining on the page to look at. Also, once one of these options are selected, my client wants the person to click the next button to only shuffle those that are left.

Thanks guys, I really hope somebody can help me out here since I have basically no idea how to do this

[acoder]

There's probably a number of different ways to achieve this, but one way would be to use classes. Then you can filter (hide the rest) based on the class name. You can have a class for the category and then size and gender.

As for the next/previous, just check that they're visible (or check the criteria).

Have a go and when you get stuck on a particular part, post your code.