How to remove animation from slideshow | LightBox - Documentation | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

LightBox

Updated Last: 06 May 2025

How to remove animation from slideshow

If you want to remove animation effect after mouse hover from slideshow on Home Page you have to edit main.js file from template folder(templates/shaper_lightbox/js/), from where remove the code from line 274-28.

    //Slideshow fullwidth Animation
    $('.sppb-slide-item-bg.sppb-slideshow-fullwidth-item-bg').on('mousemove', function (e) {
        var amountMovedX = (e.pageX * -1 / 50);
        var amountMovedY = (e.pageY * -1 / 10);
        $(this).css({
            'background-position': amountMovedX + 'px ' + amountMovedY + 'px'
        });
    });

This part of code have to be deleted or commented. Please remember about this modification before next template update.