fancyBox

This is a demonstration. More information and examples: www.fancyapps.com/fancybox/

Simple image gallery

Different effects

Various types

fancyBox will try to guess content type from href attribute but you can specify it directly by adding classname (fancybox.image, fancybox.iframe, etc).

Ajax example will not run from your local computer and requires a server to run.

Button helper

Thumbnail helper

Media helper

Will not run from your local computer, requires a server to run.

youtu.be/kRMHNqGiSus

Open manually

Photo Credit: Instagrammer @whitjohns