Search code examples
jekyllamp-html

use of amp-img in the context of Jekyll

I try to use amp-img tag within jekyll the code is 

<amp-img
  width="16"
  height="16"
  alt="phone icon"
  scr="{{ 'assets/images/icons/Phone_number-16px-16px.png' | absolute_url }}" 
  layout="responsive">
</amp-img>

or

<amp-img
  width="16"
  height="16"
  alt="phone icon"
  scr="{{ 'assets/images/icons/Phone_number-16px-16px.png' | relative_url }}" 
  layout="responsive">
</amp-img>

I read the following documentation : https://www.ampproject.org/docs/reference/components/amp-img

I am sure that the absolute url leads to my image (I have tested it). But I can't see the image. Thank you in advance for your answers

Solution

  • Hello I pinged the plugin developer but until now no answer. I moved forward and propose a new "header.html" wich is the following : https://github.com/flamant/fileshare/blob/master/header_1.html

    But I have the following errors in console enter image description here I don't understand why it doesn't take into account my src attributes. I checked on browser each url that I wrote and it leads to the proper image. Thank you in advance