Image tag processing issue with Lazy Load

  • Resolved deeveedee

    (@deeveedee)


    3 years ago

    First – thank you for your great plugin and great support!

    Note that I am able to add class-name='no-lazy' to “fix” this issue, but I think the root cause might be a W3TotalCache img tag processing issue. Details below …

    I have two tool-tips (for ‘Background Color’ and ‘Font Color’ on the linked page) that include images. The HTML for the tool-tips is:

    <a .... "<p>Tool-tip text</p><img src='/wp-content/themes/my-theme/images/tooltip-image.jpg'>">

    When W3TotalCache Lazy Loading > Process HTML image tags is enabled, The tool-tip HTML is converted to "> (the last two characters of the tool-tip HTML. These two characters are literally displayed on the web page (the result is that ">Background Color and ">Font Color are displayed on the web page and the tool-tip image is not displayed as part of the tool-tip).

    If I uncheck “Process HTML image tags” or I add class-name='no-lazy' to the tool-tip img tags, the tool-tip HTML is properly formatted and the tool-tip images are properly displayed as part of the tool-tip.

    <a ... "<p>Tool-tip text</p><img class-name='no-lazy' src='/wp-content/themes/my-theme/images/tooltip-image.jpg'>">

    I am content with the ‘no-lazy’ solution and am highlighting this in case it helps you to find an issue.

    Thank you for your great plugin and support.

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

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

    (@vmarko)

    Hello @deeveedee

    Thank you for reaching out and I am happy to help!
    Let me make tests and see how LazyLoad behaves is in this case.
    Also the URL you shared throws 403 forbidden.
    I’ll get back to you once I have more information.
    Thanks!

    Thread Starter deeveedee

    (@deeveedee)

    @vmarko Thank you for the quick reply! We believe we have unblocked your CIDR. Please try again when you are able. Thank you.

    @vmarko It looks like you (or one of your peers) attempted to access our website from another CIDR. We block non-US traffic, so it may be difficult for us to give access to you. I aplogize for the inconvenience and understand if you’re not able to help without this access.

    • This reply was modified 3 years ago by deeveedee.
    Plugin Contributor Marko Vasiljevic

    (@vmarko)

    Hello @deeveedee

    I am still seeing 403 when visiting.
    I’ll get back to you once I manage to replicate this.
    Thanks!

    Thread Starter deeveedee

    (@deeveedee)

    I’m sorry that our firewall settings are blocking your foreign servers. I have attempted to gather more information to help you diagnose this. Again, I am content with the “no-lazy” solution, so this is to help you in case it indicates an issue.

    The tooltip on my page is processed by bootstrap.min.js (the event fires when the user hovers their mouse over the label). It appears that Lazy Loading and bootstrap.min.js are conflicting.

    Plugin Contributor Marko Vasiljevic

    (@vmarko)

    Hello @deeveedee

    Thank you for the information.
    You should the “no-lazy” solution for the time being until we are able to replicate and possibly find a solution.
    Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Image tag processing issue with Lazy Load’ is closed to new replies.