I’m struggling to have a lightbox with image, text and links. I’m experimenting featherlight using meta.yaml files, although I’m not sure I can accomplish that.
It works good with text, in fact I can show all textex from meta.yaml, but I’m at loss in how to show a picture. Maybe Is not possible but really I do not know. Maybe I need to find a way to use ajax, but it is totally new for me.
This is my actual code
{% for image in page.media.images|reverse %}
<a href="#" data-featherlight="<h2>{{ image.meta.title }}</h2>
<a>{{ image.meta.desc }}</a>
<a>{{ image.meta.credits.cast }}</a>
<a>{{ image.meta.trailer }}</a>">{{ image.cropResize(305).html }}</a>
{% endfor %}
I’m looking for any suggestion, thanks