mh it seems like this page doesn't have a fullscreen slider active anymore:
https://www.domaine-des-creisses.com/les-creisses/
// "afterLoad" is called everytime the animation is done and we arrived (for the standard vertical sliding)
jQuery(window).on('fpAfterLoad', function( e, obj ){
console.log(obj.index)
console.log(obj.anchorLink)
})
when you scroll down or up, the above event will be fired. based on "obj.index" you can do things. the index is 1 based, so: 1, 2, 3, 4
this is for horizontal sliding:
// this is for when you have horizontal sliding:
jQuery(window).on('fpAfterSlideLoad', function( e, obj ){
console.log(obj.slideIndex)
})
maybe this will be useful!
the body also has a class: fp-viewing-4
the number changes based on which slide you're on, you can use this body class for styling instead of using javascript
some of the code you wrote wont work i think:
body.slug-les-creisses.custom-slide-1
i think this should have a space between, and should be like this:
body.slug-les-creisses .custom-slide-1
sorry for the late answer