Is it possible to have Entrance animation for Zoom Box.

There is no option available in muffin-builder, so i tried adding classes "animate fadeInLeft" along with zoom_box class. The zoom box animates but on Page Load. I want the Zoom Box to animate when it appears on screen. i.e Entrance Animation. Help Please :)

Comments

  • I too tried adding data-anim-type="fadeInLeft" through jquery. My Zoom box animates only on page load. Here is my code

    jQuery(function($){ 
    $(document).ready(function(){
    $(".zoom_box").addClass("animate fadeInLeft"); 
    $(".zoom_box").attr("data-anim-type", "fadeInLeft");
    }); 
    });

    I want it to animate at entrance. Am i missing something or is there another way ?

  • Hi,
    Unfortunately "Zoom Box" item doesn't have entrance animation.
    It requires a theme files customization which we do not provide.

    This code will work, but you have to create a breakpoint(for height) listener, where it should start this jQuery script.

    Thanks
Sign In or Register to comment.