hey there!

i think it has to do with the position of some rotation axis in the 3d file itself.
im no expert at this but i think you somehow need to change the 3d file to have a different rotation axis

Thanks. Got it to work after all.

I change it to
.col .lay-carousel img{
-webkit-transform: translate(0%, 0%)!important;
-ms-transform: translate(0%, 0%)!important;
transform: translate(0%, 0%)!important;
left: 0%!important;
top: 0%!important;
}
because some 4:3 (landscape) images started to move vertically.

thanx!

ah ok nice!

hey thats a cool idea!
im writing it down

but im really not sure i will work on this, im not sure if a lot of people would really use it :O

anyways congratulations very nice website!

#lay_canvas{ z-index:0!important; }

or

#lay_canvas{ display:none; } .slug-work-2 #lay_canvas{ display: block; }

https://laytheme.com/documentation/custom-css-styling.html#css-based-on-current-page

yea

lay options → imagehover addon →

Screenshot 2024-01-10 at 08.33.11.png

then use this image position fullscreen

if you want to use other image positions for links in texts,
when you edit a link, choose an image position here in the linkmodal
Screenshot 2024-01-10 at 08.34.03.png

ok there was a bug with a certain combination of settings, i fixed it

ok nice!!

not sure if that will work! good luck

It works! Thank you so much :)

Ah perfect!
Thank you so much!

oh thanks a lot!! :)

Great! His code fixed it!
Thanks so much

yea it was a bug, if you update imagehover addon again, it will work

no, only if you turn off loop

no i dont think so!

I managed to make the numbers as custom cursor thanks to chatgpt.
here's what it looks like : https://www.benoitlefeuvre.com/earthworks/

here's the js code :

<script> document.addEventListener("mousemove", (e) => { const followTexts = document.querySelectorAll(".numbers"); const x = e.clientX; const y = e.clientY; // Update the position for each element with the class followTexts.forEach((followText) => { followText.style.left = x + "px"; followText.style.top = y + "px"; }); }); </script>

then here's the css selector :

.lay-carousel-sink-parent .numbers { }

I can't share my exact style because I have several hover states on the carousel, so you'll have to specify the css that works best for you.
To retain the next/prev slide function, you'll need to add an empty 10x10px png, for example, to the 'custom mouse cursor' parameters.

I hope this helps !