Images not fading in

  • Resolved thisissaf

    (@thisissaf)


    6 years, 1 month ago

    Hello,

    I read that my BJ lazyload images should be fading in. They aren’t however.
    Am I missing something?

    Many thanks

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • digisavvy

    (@digisavvy)

    That’s not a feature of the plugin. However, with some CSS Magic you can make it happen. Adapted from WP Rocket and in use on a few websites I manage.

    img[data-lazy-type] {
    /* we set the opacity to 0 */
    opacity: 0;
    }
    img.lazy-loaded {
    /* prepare the future animation */
    -webkit-transition: opacity .5s linear 0.2s;
    -moz-transition: opacity .5s linear 0.2s;
    transition: opacity .5s linear 0.2s;
    /* we set the opacity to 1 to do the magic */
    opacity: 1;
    }

    Thread Starter thisissaf

    (@thisissaf)

    Thanks Alex,

    Simple elegant solution ??
    Works like a charm!

    wasanajones

    (@wasanajones)

    @digisavvy — where do we send the thumbs up, smiley face, points… nice add, thanks

    digisavvy

    (@digisavvy)

    Just tell my Mom that her son is a very nice boy. ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Images not fading in’ is closed to new replies.