Support » Plugin: WordPress Responsive Gallery Plugin - FooGallery » Justified gallery has blurry thumbnails

  • Resolved redkite

    (@redkite)


    I’ve tried different sizes of thumbnails (currently 300px, 200px row height, 200% max rowheight, image quality set to 100).

    If you click to open an image you’ll see how sharp it should be. Help?

    • This topic was modified 11 months, 3 weeks ago by redkite.

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

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author bradvin

    (@bradvin)

    hi there

    Please try changing your 200% row height to rather be 120% or even 100%. This reduces the chances of images being stretched, which is happening now in your scenario.

    Another thing, are you using 2x retina images for your gallery? That will also make a big difference on devices that support higher density images

    I changed row height to 100% and cleared the thumbnail cache, but it looks the same (looking at it on desktop and phone). I turned on 2x retina but still the same…

    Also tried making thumb height and row height the same, no change in blurriness.

    Plugin Author bradvin

    (@bradvin)

    What other plugins are you using for lazy loading? There is a conflicting plugin that is changing your attributes in the gallery to data-data-lazy-srcset-fg. The attribute should be data-srcset-fg

    That was it, I disabled the Lazy Loading.

    One other question – see the first pic in the second row? It’s not being cropped, but distorted. Is there a way around that? I cleared the caches but it didn’t help.

    https://dev-estesparkatv.pte6eqsy-liquidwebsites.com/photo-gallery/

    Plugin Contributor steveush

    (@steveush)

    Hi @redkite,

    I see you disabled our lazy loading and kept the BJ Lazy Load plugin enabled. Could you please try the following as it looks like there are still conflicts between it and FooGallery:

    1. Re-enable the FooGallery lazy loading.
    2. Navigate to the BJ Lazy Load settings and in the option called Skip images with classes please enter fg-image

    This should let FooGallery do it’s thing while the BJ Lazy Load plugin ignores its’ markup, hopefully resolving the issue.

    If the above does not work could you please try disable BJ Lazy Load and confirming if the issue is still present?

    Thanks

    That fixed the distortion but then the images were blurry again.

    1. With Foo lazy load off and BJ on, images are sharp but distorted.

    2. With Foo lazy load on and BJ off, images are sharp and perfect, but no lazy loading fo the rest of the website, which I would like to have.

    3. With both on, and fg-image added to Skip classes, images are blurry but not distorted.

    I removed BJ and replaced with A3 Lazy Load – all is perfect now!

    Plugin Contributor steveush

    (@steveush)

    Hi @redkite,

    I’m glad you found a replacement that works. I would like to say that as it is now with FooGallery lazy loading on, the gallery is loading the correct size images from the srcset. It is the same images that were being loaded by BJ Lazy Load when you said they were sharp so I’m not sure what to say about the blurriness. As it stands FooGallery seems to be working as expected and to me using Chrome the thumbs do not look blurry.

    I’ll mark this as resolved as you have found a solution and the behavior from FooGallery is the expected one now.

    Thanks

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Justified gallery has blurry thumbnails’ is closed to new replies.