-
AuthorPosts
-
March 19, 2018 at 1:59 pm #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?March 19, 2018 at 2:18 pm #929064Hey 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,
MikeMarch 19, 2018 at 3:24 pm #929093thanks – 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…
March 20, 2018 at 2:47 am #929467Hi,
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,
MikeMarch 20, 2018 at 10:52 am #929686no 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!
March 20, 2018 at 11:38 am #929740Hi,
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 -
AuthorPosts
- The topic ‘change lightbox animation’ is closed to new replies.