O'Reilly logo

Getting Started with Zurb Foundation 4 by Andrew D. Patterson

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Clearing

Remember when one of your friends posts a group of photos on Facebook, and you click on one of the thumbnails, the image behind that thumbnail pops up. You can navigate forward and backward to see more photos in that group. But you cannot do anything else on Facebook until you close the pop up. This is known as a Lightbox.

Foundation gives you the tools to build your own lightbox using the Clearing plugin. It is similar to Orbit in the way it presents images in a slideshow. But it is different in that it operates in a pop up (modal window), and it includes the thumbnails automatically to allow your user to select a photo to view.

The Clearing plugin itself doesn't style the thumbnails (border, hover, and so on.). But the thumbnail component ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required