Images cannot be displayed without Javascript despite noscript tags
-
Hi,
I believe the plugin adds
<noscript>
tags for images after the<amp-img>
tag, specifically for users that disable Javascript. However, despite these tags I cannot render any images using AMP with Javascript disabled in a graphical browser.Code example:
<amp-img class="wp-image-1209 size-full aligncenter amp-wp-enforced-sizes i-amphtml-layout-intrinsic i-amphtml-layout-size-defined i-amphtml-element i-amphtml-built i-amphtml-layout" title="Example" src="https://www.example.com/wp-content/uploads/2020/10/photo-1.jpg" alt="" width="150" height="150" srcset="https://www.example.com/wp-content/uploads/2020/10/photo-1.jpg 150w, https://www.example.com/wp-content/uploads/2020/10/photo-1-100x100.jpg 100w" sizes="(max-width: 150px) 100vw, 150px" layout="intrinsic" disable-inline-width="" i-amphtml-layout="intrinsic" style="--loader-delay-offset:132ms !important;"><i-amphtml-sizer class="i-amphtml-sizer"><img alt="" aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2Z....EXAMPLE="></i-amphtml-sizer><noscript><img class="wp-image-1209 size-full aligncenter" title="" src="https://www.example.com/wp-content/uploads/2020/10/photo-1.jpg" alt="" width="150" height="150" srcset="https://www.example.com/wp-content/uploads/2020/10/photo-1.jpg 150w, https://www.example.com/wp-content/uploads/2020/10/photo-1-100x100.jpg 100w" sizes="(max-width: 150px) 100vw, 150px"></noscript><img decoding="async" alt="" title="" sizes="(max-width: 150px) 100vw, 150px" srcset="https://www.example.com/wp-content/uploads/2020/10/photo-1.jpg 150w, https://www.example.com/wp-content/uploads/2020/10/photo-1-100x100.jpg 100w" src="https://www.example.com/wp-content/uploads/2020/10/photo-1.jpg" class="i-amphtml-fill-content i-amphtml-replaced-content"></amp-img>
- The topic ‘Images cannot be displayed without Javascript despite noscript tags’ is closed to new replies.