Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #35939
    Jose Ochoa

    I have a page with six columns, and each column features an artist and their work on a slider. Each of the six sliders I added has 5 images. (Btw, previous posts here helped me figure out how to do all that!)

    The first slider shows all five images correctly. But each of the other columns blurs out the first image only. All the other images (2-5) are fine when I click through. How do I unblur the first images in the sliders?

    Jesse Owens

    Hello Jose-

    Thanks for reaching out, and thanks for using the Post and Page Builder for WordPress.

    I checked out one of the pages on your site, showcase-2/art-makers, and I can see what you mean.

    I’ve never seen anything quite like this before, but it looks like your theme, themify-elegant, has its own built-in image lazy loading system that might be the cause.

    When I inspect the page, I can see some classes on the blurred images: tf_svg_lazy and slick-lazyload-error. I wasn’t able to find any documentation on this feature, but a google search seems to indicate that it’s related to the Themify PageSpeed Framework.

    It looks like the way that this works is that the theme creates a Scalable Vector Graphic (SVG) based on your image, blurs it out, and is supposed to use JavaScript to replace the SVG with the real image when the user scrolls to view the image, but that JavaScript isn’t working.

    I searched the Themify Elegant documentation and I couldn’t find any mention of how to troubleshoot this, but you may be able to contact Themify Support and ask if there’s a way to either exclude the sliders from the lazy loading, or to troubleshoot why the JavaScript source replacement isn’t working as expected.

    Jose Ochoa

    Thanks so much! I’m not a coder (this is my first website), so your investigation and explanation was incredibly helpful. I’ll check in with the Themify folks.

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘First image blurry in sliders’ is closed to new replies.