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

ok i sent it to you two

Thanks a lot Armin, it works!

hey this feature doesn't exist :/

Ah okay that makes sense! thanks for your help

@dmncn yeah sorry meant to say use 'browser height' like Armin suggested!

but dont you use the carousel in mobile view?
i think the fullscreen slider can be turned off for mobile in lay options → fullscreen slider

(@arminunruh thank you very much! :) )

I would like to have my menu (that is always in the left upper corner and says "Yanina Isla") in white, when alt-buttons is used in the carrousel.

Like in this page, in the first slide: http://www.yaninaisla.com/bergman-week/

Screenshot 2024-05-28 at 15.08.47.png

I was able to change to white the numbers and captions with the code I shared before, but still couldn't manage for the menu title.

Sorry for not being more specific before and thanks for all the help!
Yanina

hey maybe u can use the chrome inspector to find the correct css class

oh ok

maybe u can find a different slideshow plugin for wordpress that supports embeds
i dont know which one

but there are so many carousel plugins out there

no the fullscreen slider works as it should but it cant do this one thing that you want

fullscreen just means a row fills the screen and when u slide, it goes to the next row
but it doesnt mean the images or videos inside the row are 100% browser-height

i need to add this functionality one day too, but at the moment its not available

only thing that can be done is this:

Screenshot 2024-05-25 at 12.43.28.png

i see i see mmh
let me try and work on this in the coming days mmh

Thanks and no worries!

yea thats correct theres no text on carousel images for example

Thank you !

i needed to turn off the loop functionality for mobile cause it would make safari crash

looping clones dom elements. iphone safari had no problems with this. however, since around half a year or longer, safari would just crash whenever a website would use too much computing power. this was newly introduced and may be a way of saving battery for iphones, not sure

either your lay theme version is too old and needs to be updated, or your carousel version is outdated

2.5.2 is the latest carousel version, so that should be fine, so it must be the lay theme version

can you set

define( 'WP_DEBUG', true );

to

define( 'WP_DEBUG', false );

in your wp-config.php file

Thank you Armin! Works perfect again!

hey its a great idea, you would need to code this by yourself thats a little difficult

i dont have time to do this right now sorry