Expand my Community achievements bar.

AMP Image issue

Avatar

Level 2

Hi Friends,

Am trying to implement amp concept in aem .

I used already implemented component adding like below structure.Am able to used for content only , facing issue while using <amp-img> tag.

Any one have idea about this ? or any suggestion ?

including amp images but am not able to see images but am able to see the <amp-img> tag in the view source.

<hr>

amp responsive image layout  included <br/>

<amp-img src="kks_1195092996.jpg" layout="responsive" width="264" height="96">skynews_1195092996</amp-img>

<br/>

<amp-img src="/content/dam/kk/kks_1195092996.jpg" layout="responsive" width="264" height="96">Dam image</amp-img>

<br/>

<amp-img src="http://localhost:4502/content/dam/kk/kks_1195092996.jpg" layout="responsive" width="264" height="96">Specified location in server</amp-img>

<br/>

<amp-img src="https://lh5.googleusercontent.com/-rNT9QV2UgYc/AAAAAAAAAAI/AAAAAAAAAdE/TFG3kEimzwA/s0-c-k- no-ns/photo.jpg" layout="responsive" width="264" height="96">Jr.NTR</amp-img>

<br/>

html image included am able to see the image in my html <br/>

<img src="/content/dam/kk/kks_1195092996.jpg" alt="background image" />

image ending

Reffered URLs for this POC implenetation:

Accelerated Mobile Pages Project

https://github.com/ampproject/amphtml

https://www.ampproject.org/docs/get_started/create

https://www.ampproject.org/docs/get_started/create/include_image

https://www.ampproject.org/docs/guides/amp_replacements

https://www.ampproject.org/docs/reference/spec

https://www.ampproject.org/docs/reference/components/amp-img

https://www.ampproject.org/docs/guides/discovery

https://www.ampproject.org/docs/guides/responsive/control_layout

https://cdn.ampproject.org/experiments.html

https://github.com/ampproject/amphtml/blob/master/validator/validator-main.protoascii

https://www.ampproject.org/docs/reference/validation_errors

https://www.ampproject.org/

0 Replies