Открыть всплывающее окошко (Lightbox)

Чтобы открыть всплывающее окошко, на ссылку надо просто добавить атрибут data-lightbox на ссылку.

<a href="image.jpg" data-lightbox="group-1">
    <img src="thumb-3.jpg" alt="">
</a>

Пример кода на JSFiddle

Чтобы можно было листать всплывающие картинки, надо указать все ссылкам одинаковое значение data-lightbox.

<a href="image-1.jpg" data-lightbox="group-1">
    <img src="thumb-1.jpg" alt="">
</a>

<a href="image-2.jpg" data-lightbox="group-1">
    <img src="thumb-2.jpg" alt="">
</a>

<a href="image-3.jpg" data-lightbox="group-1">
    <img src="thumb-3.jpg" alt="">
</a>

Пример кода на JSFiddle