fade elements on mouse idle/time instead of page scroll

[paola-ming]

Hello @arminunruh

I've come across this feature in many gallery slideshows, which is if the mouse is idle for ex. 4 seconds only the main element (picture/video) is visible, the remaining elements (caption, menu, whatever) fade out. When the mouse moves the elements fade in back to normal.

Example: https://www.galeriezander.com/artists/65272/robert-adams/works/973411/thurman-colorado/

I have searched for this using javascript with the FullscreenSlider, but something is wrong and nothing fades. It's an idea for future updates.

<script>
$(document).ready(function() {
    var idleTimer;
    var idleTime = 3000;
    
    // Track mouse movements on fullScreenSlider
    $("fp-slide.active").mousemove(function(e) {
        // Clear the idle timer
        clearTimeout(idleTimer);
        
        // Show the menu and texts if hidden
        $(".laynav.desktop-nav").fadeIn(100);
        $("._Caption").fadeIn(100);
        
        // Set a new idle timer
        idleTimer = setTimeout(function() {
            // Hide the menu and texts after 3 seconds of inactivity
            $(".laynav.desktop-nav").fadeOut(100);
            $("_.Caption").fadeOut(100);
        }, idleTime);
    });
});
</script>

Thanks!

[arminunruh]

hey i think i wont add this as a feature

try

$(document).mousemove(function(e) {

instead