Add Lightbox feature to Gallery in 'Projects' Section using 'FancyBox' - Githubissues

shelbourn / FreeCodeCamp_Challenges

Just a repository with some of the projects I've completed using FreeCodeCamp.com

0 stars 0 forks source link

Add Lightbox feature to Gallery in 'Projects' Section using 'FancyBox' #16

Open shelbourn opened 8 years ago

shelbourn commented 8 years ago

I would like to use 'FancyBox' (http://fancyapps.com/fancybox/) to create an interactive lightbox feature to my 'Projects' section.

My goals for this are as follows:

Implement the FancyBox functionality to my site
Use the 'Elastic' transition effect for the lightbox
Have each thumbnail in the gallery of my 'Projects' section to have a sub gallery that will act like a collection of my work organized by category
For each sub gallery item I would like to have a text overlay that describes what the image represents (see examples here: http://fancybox.net/home)

shelbourn commented 8 years ago

Refer to this to understand CSS Attributes: https://css-tricks.com/attribute-selectors/