disable lazy load for all images in a form

  • Resolved stevebrett

    (@stevebrett)


    4 weeks ago

    Is there a way to blanket disable lazy load for all images in a form (gravity forms) Ive gone and added the “skip-lazy” class to the images already in the form- But my client will be adding more and adding the class will be beyond them.

    For some reason the images in the form dont load at all unless lazy loading is off

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Contributor Marko Vasiljevic

    (@vmarko)

    Hello @stevebrett
    Thank you for reaching out and I am happy to help!

    Can you please share more details about this and the example of the form (URL would be best)
    You can exclude the images from being lazyloaded by either adding the full URL of the image or adding a class name fore examle that is set for the image.
    Are there any specific class manes for the images in those forms?

    Thanks!

    Thread Starter stevebrett

    (@stevebrett)

    Thanks I appreciate the help

    The form is at https://digitalsilverimaging.com/file-upload/

    I tried excluding the page

    /file-upload/ but it had no impact on the images embedded in the form itself. These images don’t have a specific class. But could they be targeted with a selector like .gravity img

    AS i mentioned i have added the skip-lazy tag to the existing images so all’s ok now. But id like to future proof it if possible

    Thanks again

    Plugin Contributor Marko Vasiljevic

    (@vmarko)

    Hello @stevebrett

    Thank you for the clarification.
    The selector can be used also, however, can you please share the image that was excluded or is the a problem with the uploaded images on the page?

    I can only see the logo image here:

    https://digitalsilverimaging.com/wp-content/uploads/2024/02/DSI-logo-Color-Bar-600.jpg

    Thanks!

    Thread Starter stevebrett

    (@stevebrett)

    yes you have to get fairly deep into the form to where you choose a custom wood framing option

    Here’s one image for example

    https://digitalsilverimaging.com/wp-content/uploads/2022/06/Maple-clear.jpg

    But if you can tell me how and where to exclude a selector i’ll have at it. Id like to get all images in that (or perhaps all gravity forms) as were always adding new variations with new images

    Thanks

    Plugin Contributor Marko Vasiljevic

    (@vmarko)

    Hello @stevebrett

    Thank you for your feedback.
    If possible, can you share the HTML for this image or the images that are added? So for example, like the image I shared:

    <img width="600" height="79" src="https://digitalsilverimaging.com/wp-content/uploads/2024/02/DSI-logo-Color-Bar-600.jpg" data-src="https://digitalsilverimaging.com/wp-content/uploads/2024/02/DSI-logo-Color-Bar-600.jpg" class="custom-logo lazy loaded" alt="Digital Silver Imaging Logo" decoding="async" data-srcset="https://digitalsilverimaging.com/wp-content/uploads/2024/02/DSI-logo-Color-Bar-600.jpg 600w, https://digitalsilverimaging.com/wp-content/uploads/2024/02/DSI-logo-Color-Bar-600-300x40.jpg 300w" data-sizes="(max-width: 600px) 100vw, 600px" sizes="(max-width: 600px) 100vw, 600px" srcset="https://digitalsilverimaging.com/wp-content/uploads/2024/02/DSI-logo-Color-Bar-600.jpg 600w, https://digitalsilverimaging.com/wp-content/uploads/2024/02/DSI-logo-Color-Bar-600-300x40.jpg 300w" data-was-processed="true">

    Thanks!

    Thread Starter stevebrett

    (@stevebrett)

    Sure – note i added the skip-lazy manually

    <img class="alignnone skip-lazy size-full wp-image-8697" src="https://digitalsilverimaging.com/wp-content/uploads/2022/06/Maple-clear.jpg" alt="" width="100" height="100">
    Plugin Contributor Marko Vasiljevic

    (@vmarko)

    Hello @stevebrett

    Thank you for yoru feedback.
    The only thing I see that may be used is alignnone if it’s added for all images as other images on the websites do not have that class.
    This being said, you can try adding alignnone to the Performance>User Experience>Exclude words: section and let me know if it helps
    Make sure to purge all cache once this is added

    Thanks!

    Thread Starter stevebrett

    (@stevebrett)

    ok thanks we cant use that as its a class used else where. Well just have to remeber to use the skip-lazy class

    Thanks for your help

Viewing 8 replies - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.