Какую галерею изображений на jQuery или нативном js можно использоваться для реализации данного функционала?

Question

[http404ntfnd]

Добрый день.
Есть задача - необходимо реализовать галерею со следующими обязательными параметрами.
.Галерея состоит с n-количества блоков при клике на которые открывается поп-ап со слайдером картинок.
Как реализовать так, чтобы появилась "обложка" блока в виде фотографии во вложенном слайдере картинок этого блока?

вид общей галереи
вид поп-апа со слайдером картинок при клике на определённый блок в галереи


Буду рад любой помощи, перепробовал HighslideJS, пытался реализовать подобное через own-carousel и не получилось.
Спасибо!

Comments

[4mobile]

Слайдер может быть любой.
Подгружайте динамически нужные картинки в него про клике на обложку.
Урлы картинкок можно хранить в массиве каком-то.

[http404ntfnd]

4mobile, нужно чтобы картинки были в вёрстке, так как картинки будут постоянно добавляться и я не уверен, но мне кажется, что бекендер сможет сделать так, чтобы администратор грузил картинки и их урлы добавлялись в js

[Ankhena]

Это то, что вам нужно: https://fancyapps.com/fancybox/3/ ?
По кнопочке customize открывается меню с опциями, в частности показ превью. Дальше CSS'ом спозиционируйте его куда надо..

[alex-1917]

а где скрины делали, там не смотрели исходный код?
все велосипеды давно придуманы и не одну сотню раз...

[4mobile]

нужно чтобы картинки были в вёрстке

они и будут в верстке, только в массиве в переменной, в своем скрипте тянете из images нужные картинки

<script>
var images=[
['image1-1.jpg','image1-2.jpg','image1-3.jpg'],
['image2-1.jpg','image2-2.jpg','image2-3.jpg'],
]
</script>

[http404ntfnd]

Ankhena, cпасибо

[http404ntfnd]

4mobile, спасибо