Вывод галереи по нажатию на ссылку?

Question

[timbird]

Добрый день!
Стоит задача вывода галереи изображений по нажатию на ссылку.
Примерно опишу что нужно:
Кликаешь по ссылке "Наши работы" поверх страницы открывается первое изображение галереи, кликаешь по стрелкам туда-сюда изображения меняются. Жмякаешь на крестик, галерея закрывается.
Для формирования галереи использую плагин Nextgen Gallery.
Возможно вы можете посоветовать какой то другой плагин с готовым решением.
Заранее спасибо!

Answer 1

[timbird]

Надеюсь кому то пригодится в будущем. Как вариант решения.
Подключил fancebox, затем сделал кнопку-ссылку:

<a href="image.jpg" data-fancybox="portfolio" data-caption="Описание слайда"> Наши работы</a>

остальные слайды ссылками в блоке с display:none;

<div style="display:none">
<a href="image2.jpg" data-fancybox="portfolio" data-caption="Описание слайда"></a>
<a href="image3.jpg" data-fancybox="portfolio" data-caption="Описание слайда"></a>
и т.д.
</div>

Answer 2

[one_day]

fancybox + ACF

Comments

[timbird]

Спасибо, это тоже вариант. Но не простой.
С fancybox понятно, а ACF зачем?

[one_day]

чтобы полностью заменить Nextgen Gallery

[timbird]

one_day, каким образом?

[one_day]

timbird, один из вариантов:
делаем рубрику галерея, в ней все записи будут условно альбомами, в каждой записи через ацф добавляем фото/картинки, в месте вывода выбираем нашу категорию ('category_name' => 'gallery') и записи оборачиваем в fancybox

[timbird]

one_day, это звучит сложно, сделал проще.
Подключил fancebox, затем сделал кнопку-ссылку:

<a href="image.jpg" data-fancybox="portfolio" data-caption="Описание слайда"> Наши работы</a>

остальные слайды ссылками в блоке с display:none;

<div style="display:none">
<a href="image2.jpg" data-fancybox="portfolio" data-caption="Описание слайда"></a>
<a href="image3.jpg" data-fancybox="portfolio" data-caption="Описание слайда"></a>
и т.д.
</div>

[one_day]

timbird, хороший вариант