Skip to main content

Update amp-carousel Menjadi Versi 0.2

Update amp-carousel Menjadi Versi 0.2 - Tidak mengikuti perkembangan AMP secara detail, ternyata ada komponen AMP yang sudah diupdate. Salah satunya adalah amp-carousel dari versi 0.1 menjadi versi 0.2.

Jika blog Anda menggunakan AMP HTML dan menggunakan amp-carousel, silahkan update js amp-carousel ke versi terbaru.

Sebelumnya ini adalah js amp-carousel versi pertama.


<script async="async" custom-element="amp-carousel" src="https://cdn.ampproject.org/v0/amp-carousel-0.1.js"></script>

Jika js amp-carousel di blog Anda masih menggunakan versi 0.1 seperti di atas, silahkan ganti dengan versi terbaru seperti di bawah ini.


<script async="async" custom-element="amp-carousel" src="https://cdn.ampproject.org/v0/amp-carousel-0.2.js"></script>

amp-carousel ini biasanya digunakan untuk menampilkan slide gambar seperti di bawah ini.

Kode slide di atas yang digunakan adalah berikut ini.


<amp-carousel height="1067" layout="responsive" type="slides" width="1600" autoplay loop delay="2000">

<amp-img alt="Google Earth View Gallery" src="https://1.bp.blogspot.com/-Z0BNHPJby7A/XkOq95buv4I/AAAAAAABNDE/_vLSNbmiQgQj3UyaMJOdp6kySF6NViPXQCLcBGAsYHQ/s1600-rw/google-earth-view-1164.jpg" width="1600" height="1067"><amp-img fallback alt="Google Earth View Gallery" src="https://1.bp.blogspot.com/-Z0BNHPJby7A/XkOq95buv4I/AAAAAAABNDE/_vLSNbmiQgQj3UyaMJOdp6kySF6NViPXQCLcBGAsYHQ/s1600/google-earth-view-1164.jpg" width="1600" height="1067"></amp-img></amp-img>

<amp-img alt="Google Earth View Gallery" src="https://2.bp.blogspot.com/-S-GziW3vsPM/XkOq-_k2I8I/AAAAAAABNDM/NB9nggTvVg0hovbPnlIkdnXq_9QYWoPGgCLcBGAsYHQ/s1600-rw/google-earth-view-1644.jpg" width="1600" height="1067"><amp-img fallback alt="Google Earth View Gallery" src="https://2.bp.blogspot.com/-S-GziW3vsPM/XkOq-_k2I8I/AAAAAAABNDM/NB9nggTvVg0hovbPnlIkdnXq_9QYWoPGgCLcBGAsYHQ/s1600/google-earth-view-1644.jpg" width="1600" height="1067"></amp-img></amp-img>

<amp-img alt="Google Earth View Gallery" src="https://2.bp.blogspot.com/-VGNg39Ku83I/XkOrApOId8I/AAAAAAABNDQ/VxSRSQX1tRUuioeY0XJbilyd3xPII902ACLcBGAsYHQ/s1600-rw/google-earth-view-1829.jpg" width="1600" height="1067"><amp-img fallback alt="Google Earth View Gallery" src="https://2.bp.blogspot.com/-VGNg39Ku83I/XkOrApOId8I/AAAAAAABNDQ/VxSRSQX1tRUuioeY0XJbilyd3xPII902ACLcBGAsYHQ/s1600/google-earth-view-1829.jpg" width="1600" height="1067"></amp-img></amp-img>

<amp-img alt="Google Earth View Gallery" src="https://3.bp.blogspot.com/-AT6an2_8dfw/XkOrCIK3e0I/AAAAAAABNDU/YOeMytJT9u8R0rPt1CFYX4ON-kc858WMwCLcBGAsYHQ/s1600-rw/google-earth-view-2125.jpg" width="1600" height="1067"><amp-img fallback alt="Google Earth View Gallery" src="https://3.bp.blogspot.com/-AT6an2_8dfw/XkOrCIK3e0I/AAAAAAABNDU/YOeMytJT9u8R0rPt1CFYX4ON-kc858WMwCLcBGAsYHQ/s1600/google-earth-view-2125.jpg" width="1600" height="1067"></amp-img></amp-img>

<amp-img alt="Google Earth View Gallery" src="https://1.bp.blogspot.com/-bn-CLZRC9DI/XkOrCtMWnCI/AAAAAAABNDY/1NmgYBdVGTI3CivLqNgWBEp-k1lKgky8QCLcBGAsYHQ/s1600-rw/google-earth-view-5484.jpg" width="1600" height="1067"><amp-img fallback alt="Google Earth View Gallery" src="https://1.bp.blogspot.com/-bn-CLZRC9DI/XkOrCtMWnCI/AAAAAAABNDY/1NmgYBdVGTI3CivLqNgWBEp-k1lKgky8QCLcBGAsYHQ/s1600/google-earth-view-5484.jpg" width="1600" height="1067"></amp-img></amp-img>

<amp-img alt="Google Earth View Gallery" src="https://1.bp.blogspot.com/-K-4PYNG-CZY/XkOq9mLpE0I/AAAAAAABNDA/XWuYJULYzLw7p9xhequJ3BVAF1Xuctd0gCLcBGAsYHQ/s1600-rw/google-earth-view-13119.jpg" width="1600" height="1067"><amp-img fallback alt="Google Earth View Gallery" src="https://1.bp.blogspot.com/-K-4PYNG-CZY/XkOq9mLpE0I/AAAAAAABNDA/XWuYJULYzLw7p9xhequJ3BVAF1Xuctd0gCLcBGAsYHQ/s1600/google-earth-view-13119.jpg" width="1600" height="1067"></amp-img></amp-img>

<amp-img alt="Google Earth View Gallery" src="https://2.bp.blogspot.com/-UqG5EIO2z1U/XkOq8wU0_3I/AAAAAAABNC8/SQmGQ7UCKJ8ggshFq-Jq9sdXXIdwWeYegCLcBGAsYHQ/s1600-rw/google-earth-view-13765.jpg" width="1600" height="1067"><amp-img fallback alt="Google Earth View Gallery" src="https://2.bp.blogspot.com/-UqG5EIO2z1U/XkOq8wU0_3I/AAAAAAABNC8/SQmGQ7UCKJ8ggshFq-Jq9sdXXIdwWeYegCLcBGAsYHQ/s1600/google-earth-view-13765.jpg" width="1600" height="1067"></amp-img></amp-img>

<amp-img alt="Google Earth View Gallery" src="https://1.bp.blogspot.com/-fm4qqxOzdA0/XkOq-KdOmfI/AAAAAAABNDI/u1XukNJfBkk_r7WiRxRdj_gFt61W-a0YgCLcBGAsYHQ/s1600-rw/google-earth-view-14730.jpg" width="1600" height="1067"><amp-img fallback alt="Google Earth View Gallery" src="https://1.bp.blogspot.com/-fm4qqxOzdA0/XkOq-KdOmfI/AAAAAAABNDI/u1XukNJfBkk_r7WiRxRdj_gFt61W-a0YgCLcBGAsYHQ/s1600/google-earth-view-14730.jpg" width="1600" height="1067"></amp-img></amp-img>

</amp-carousel>

Nah, pada versi 0.2 ini ada penambahan atribut untuk type="carousel" yaitu autoplay dan loop.

Selengkapnya tentang amp-carousel ini bisa disimak di amp.dev


Berbagi itu peduli:

You Might Also Like:

Comment Policy:

Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar
Buka Komentar
PrivacySitemap
©2020 KOMPI AJAIB