CMS multi-image lightbox with captions

hi everyone,

so im trying to create a custom lightbox on the page “sammlung”


with cms and a caption pulled from the alt text of the picture (which is pulled from airtable through zapier).
followed nelsons tutorial https://www.youtube.com/watch?v=KZb2MLi6xrE&t=4728s (thank you a lot for the help so far :). the lightbox works, but i cant say if any of the code is doing something. am i adressing wrong elements in the code?
also i thought it would be very nice to do a step-by step here together (sorry if i didnt find the right one).
thanks in advance for any input and i wish you all a great one :slight_smile:

julian


https://preview.webflow.com/preview/dieschoene-9db06a?utm_medium=preview_link&utm_source=designer&utm_content=dieschoene-9db06a&preview=6ca279577aaa8711a1551d5948d7e76d&pageId=61d41650ed77945cb23e577a&workflow=preview

This may help with that: Screen Recording 2022-01-31...

thank you a lot for your time and help, i’m not getting a syntax error anymore, though it is still not pulling neither picture nor text.
new jquery exception:

jQuery.Deferred exception: Cannot set properties of undefined (setting ‘_persistentUIState’) TypeError: Cannot set properties of undefined (setting ‘_persistentUIState’)
at window.WebflowEditor (https://d3e54v103j8qbb.cloudfront.net/gen/js/webflow-editor.644e3e04568314c0c717.js:1:5532485)
at Object. (https://uploads-ssl.webflow.com/61bb00a7beedd3ff67374160/js/webflow.27afab84c.js:38:4554)
at e (https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=61bb00a7beedd3ff67374160:2:30005)
at t (https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=61bb00a7beedd3ff67374160:2:30307) undefined

will further investigate :slight_smile:

wow finally made it work with a few tweaks. as i dont need the photo strip row in lightbox, i removed it from the code. thank you nelson, you just helped me finish my first client project, you made my day :).