so
[image: 1723983943339-screenshot-2024-08-18-at-14.25.39.png]
if you have a caption for an image, it has the class ".caption"
so you'd need to use css to set the opacity to 0,
in lay options -> custom css & html
then use javascript:
use intersection observer
https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API
or window scroll event with getBoundingClientRect https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect
together with window.laytheme.on('newpageshown', function(){
})
https://laytheme.com/documentation/custom-javascript.html#newpage-events