Как сделать слайдер в svg mockup?

Question

[Сергей Гурджиян]

Хочу реализовать слайдер используя svg код.
Вот примерно такой код https://jsfiddle.net/6a9yjxud/
В него циклом Wordpress записываются несколько изображений. Вот именно эти изображения хочу превратить в слайдер.
Изначально всё отображается нормально, т.е. все изображения находятся на одном месте и перекрывают друг друга.
Но когда включаю слайдер (использую slick slider), то у родительского элемента размеры становятся равны 0 и слайдера не видно. Встроенными размерами исправить ситуацию не получается.

Буду рад любому совету!

Comments

[Kovalsky]

Вы хотите чтобы у вас в этом мониторчике у вас был слайдер?

[Сергей Гурджиян]

Да, верно. Просто наложить вариант не очень, есть ещё слой блика. + хотел что бы адаптировались вместе.

[Kovalsky]

mrKorg: используйте SVG только как изображение, не надо в него складывать контент. Ну может и надо, но я такое в первый раз вижу, мне кажется не стоит париться и пытаться заставить всё работать именно так. Лучше разделить всё на слои: нижний слой - мониторчик, верхний - блик, между ними - слайдер.

[Сергей Гурджиян]

Спасибо за совет!
Я согласен, что так будет проще.
Думал просто в качестве эксперимента попробовать, заодно узнать больше про svg. Информации не нашёл. Вот и задался вопросом, можно так сделать или нет.