Invalid markup

  • floffimedia

    (@floffimedia)


    8 years ago

    First of all, thank you so much for your work on this wonderful plugin. It’s by far the best lazy load plugin out there.

    There’s just one problem I encountered. Using the latest version of WordPress and responsive images, Lazy Load XT generates the following markup:

    <img class="alignnone size-full wp-image-3498" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://floffi.media/images/Movement.jpg" alt="Movement" width="855" height="570" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-srcset="https://floffi.media/images/Movement.jpg 855w, https://floffi.media/images/Movement-600x400.jpg 600w" sizes="(max-width: 855px) 100vw, 855px" />

    First, there’s the duplicate src attribute.

    Second, the Nu Html Checker states that “the sizes attribute may be specified only if the srcset attribute is also present.” As far as I know, it should be enough to just replace sizes with data-sizes.

    Thanks for looking into this.

  • The topic ‘Invalid markup’ is closed to new replies.