Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.Problem/Motivation
In Thunder we are using blazy, slick and slick_media. Our gallery is a media_entity_slideshow which contains lots of media_entity_images.
We are rendering the gallery in "Slick Media" format with the option vanilla mode. The selected view mode renders the images in format "Blazy"
So the problem is, if you are on a page with a gallery, just the first two images will be shown. If you step to the third one and further, these images will not be loaded.
I found out, if you resize the browser, the image will be loaded.
This problem occurs in beta6 and still is in the rc.
Proposed resolution
Remaining tasks
User interface changes
API changes
Data model changes
| Comment | File | Size | Author |
|---|---|---|---|
| #3 | blazy-gallery-not-loaded-2846560.patch | 3.38 KB | gausarts |
Comments
Comment #2
gausarts CreditAttribution: gausarts commentedThanks for the report.
Based on your info, it is like a slideshow with multiple visible images at a time:
https://www.drupal.org/files/project-images/slick-carousel.jpg
Or a single image visible at a time?
Or could you provide a screenshot of the issue so I can narrow down the issue?
Vanilla option needs more love ;)
It has potential broken things as mentioned in the provided form item description disclaimer.
One potential issue I can see is dup of
blazyclass and[data-blazy]attributes which are output from Blazy itself, and the Slick formatters.I haven't verified if it is the actual root cause, but a potential.
Possible solutions if the above is the root cause:
hook_preprocess_field()to stop Blazy from outputting those attributes when it is used within Slick, under other certain conditions.You can verify #2 above:
Replicate the basic slideshow with non-vanilla option, and see if the problem persists, or not.
Comment #3
gausarts CreditAttribution: gausarts commentedLet's see if
revalidate()fixes the issue.This is called once, and only cares to revalidate visible images which are normally seen within a carousel with multiple visible images at a time. The rest of hidden images will not be loaded till visible on scroll, or forced by Slick load when slide changes.
Comment #4
chr.fritschNice, seems that this issue is fixed with the patch
Comment #6
gausarts CreditAttribution: gausarts commentedCommitted. Thank you for contribution.