Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #929058

    I have a question about changing the animation on the lightbox. My client doesn’t like the images changing size as you click through them – is it possible to take that off and just have the images fade from one to another? I found this:
    .mfp-img {
    -webkit-animation: none;
    animation: none;
    }

    .mfp-zoom-in .mfp-figure, .mfp-zoom-in .mfp-iframe-holder .mfp-iframe-scaler {
    -webkit-transition: none;
    transition: none;
    }
    which takes all the animation off, but then the transition is kind of abrupt. Can it fade in and out instead?

    #929064

    Hey Munford,
    I believe that you are looking for the transition “ease” such as:

    transition: background 0.2s ease,
                  padding 0.8s linear;

    please read about the transition property here
    Here is another good article
    Be sure to use the “!important;” and clear your cache while testing.

    Best regards,
    Mike

    #929093

    thanks – will this work? or should it be in the mfg-img {}?

    .mfp-img {
    -webkit-animation: none;
    animation: none;
    }

    .mfp-zoom-in .mfp-figure, .mfp-zoom-in .mfp-iframe-holder .mfp-iframe-scaler {
    transition: background 0.2s ease,
    padding 0.8s linear;
    }

    I don’t really code…

    #929467

    Hi,
    Adding this seems to have smoothed it out:

    .mfp-img {
    transition: all 4s ease!important; 
     transition-delay: 4s!important;
    }

    but it’s hard to test with your current code in place. If this doesn’t help please remove your current code to disable the animation.
    One question I have though, you say “My client doesn’t like the images changing size as you click through them” but the images will change size to fit the screen, unless all images are either landscape or portrait. Portrait will look smaller to fit in the screen.
    Am I understanding you correctly?

    Best regards,
    Mike

    #929686

    no I meant that the client didn’t like the zoom transition effect on the lightbox. I think it is fixed now – thanks for your help!

    #929740

    Hi,
    Oh I see, glad to hear it is solved.
    We will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    and the video tutorials here
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Mike

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘change lightbox animation’ is closed to new replies.