Lay Theme Forum

I've made a test page with the same footer operation, let me know if this is better for you: https://benoitlefeuvre.com/test/

thanks!

to answer your question from the ‘anchor conflict’ topic, no, unfortunately that didn't solve the problem, which I'm still trying to resolve. I've re-applied the code you gave me here above but same thing, it displays the correct Serie/Artworks switch button corresponding to the page's cat-id, but it doesn't display the content accordingly (as if Artworks had actually been clicked).

ohw okay didn't see it sorry

I have a bug on the page transition when I click on “Info” at the bottom left of my navbar, it reloads the page and doesn't do the fade in/out animation. It's as if the transition link on this page has broken.

https://benoitlefeuvre.com/

indeed it works thank you :)

I'll go back to the other topic to answer it then!

in some pages with little content and whose footer is close to my first row which is in browser-height, I have a trigger conflict problem when I click on my anchor button “+ Details” on the bottom right, in addition to bringing me down to the right place, it also triggers my Series/Artworks switch button.

Example page:
https://benoitlefeuvre.com/rooted-16/

While pages before longer content this doesn't happen:
https://benoitlefeuvre.com/rooted/

Can you help me fix this?

Many thanks in advance!

it works like this thank you very much :)

I had indeed added it to the line, sorry.
I've updated it but the problem persists.

unfortunately it doesn't work, I wanted to test it for my navbar (.switch)

https://benoitlefeuvre.com/

Hello, is it possible to ignore a targeted element in the ‘Transitions when Navigating’ animations?

Thank you very much!

Hello, would it be possible to have the project description below the hover images?

Thanks in advance

there's no need to change which rows should be displayed or not, because I manage this myself in the homepage (which is also the footer). when here, for example, you're on an Artwork detail page, you need to be able to display the correct corresponding category in the footer as if you'd clicked on it (as on the homepage).

in your previous code, the category selection worked but not the simulated click to display the correct category (artwork or series). As I said earlier in my messages. Is this more understandable ?

I've added the code you gave me, which selects the artworks tab in the example on this page but doesn't display the content as if you'd clicked on artworks, see?

thanks for your quick feedback, yes that's exactly it, you've got it right! activating the switch button works with your code but not changing the expand/collapse rows. Would you know how it could be done?

https://benoitlefeuvre.com/erosion-3/

I've created a switch button on my homepage (which is also the project footer) that lets me switch between the Series view and the Artworks view, thanks to Collapse Row (code below). But I can't manage to improve the code so that when I'm on a project in the ‘Artworks’ category (selector: data-catid=‘[3]’) I can force the active state of the switch to Artworks to get the corresponding footer. And vice versa when you switch back to the Series view (selector: data-catid=‘[1]’). Is it the fact that my homepage is a footer that's causing the problem?

I'd appreciate your help :)
Thanks a lot!
—
https://benoitlefeuvre.com/

<script>
  function toggleButton(clickedButton) {
    var buttons = document.querySelectorAll('.overview-button, .artworks-button');
    buttons.forEach(function(button) {
      button.classList.remove('selected');
    });

    clickedButton.classList.add('selected');
  }
</script>

Up 🧖‍♂️

I figured out how to do it: https://benoitlefeuvre.com/

<script>
let cursorX = 0;
let cursorY = 0;
let cursorMoved = false; 

document.addEventListener("mousemove", (e) => {
    if (!cursorMoved) {
        showCursor(); 
        cursorMoved = true;
    }
    
    cursorX = e.clientX;
    cursorY = e.clientY;
    updateCursorPosition();
});

function updateCursorPosition() {
    const followTexts = document.querySelectorAll(".numbers");
    followTexts.forEach((followText) => {
        followText.style.left = cursorX + "px";
        followText.style.top = cursorY + "px";
    });
}

function showCursor() {
    const followTexts = document.querySelectorAll(".numbers");
    followTexts.forEach((followText) => {
        followText.style.display = "block"; 
    });
}

function hideCursor() {
    const followTexts = document.querySelectorAll(".numbers");
    followTexts.forEach((followText) => {
        followText.style.display = "none"; 
    });
}

window.laytheme.on("newpageshown", function() {
    cursorMoved = false; 
    hideCursor();
});
</script>

I changed web hosting (which was already planned) and the bug doesn't seem to appear anymore.

thank you for updating the js code, but the script doesn't work between pages on carousel, the cursor resets to the top left, do you have any idea how to do this? if you prefer, we can close this topic and open another.

Thanks in advance!

thank you!

it happens when you come from home, it's certain images in the carousel and footer that take a long time to load and asynchronously, it's the only page that does this.