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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSm4o5aNirnrJsFuolr4TlL8HdczaaeTjNOD2ZNZR2FdHcICYM3JMp0VBMKcjhgdqcQR3Wa_tVD0H19gIUbVASoWuA9pOnkfkPqVQmrko63VJZa02Y9NUXf_IQskCu_OnDp6LbeNsTQ8c/s1600-rw/google-earth-view-1164.jpg" width="1600" height="1067"><amp-img fallback alt="Google Earth View Gallery" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSm4o5aNirnrJsFuolr4TlL8HdczaaeTjNOD2ZNZR2FdHcICYM3JMp0VBMKcjhgdqcQR3Wa_tVD0H19gIUbVASoWuA9pOnkfkPqVQmrko63VJZa02Y9NUXf_IQskCu_OnDp6LbeNsTQ8c/s1600/google-earth-view-1164.jpg" width="1600" height="1067"></amp-img></amp-img>
<amp-img alt="Google Earth View Gallery" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT3eNKe0KJU0HyPD0XOZJnYdJ8nXVEIYtnf9PpHPH4Wko4IITmKAUHqbLsbjbugug-VGfA4uM0ZQjuNKMqd3j0rfyjws8_K2_w_ao0TD8Kg2qw71WQl12P-CWvBpBVpfi9tv86TUYl_dk/s1600-rw/google-earth-view-1644.jpg" width="1600" height="1067"><amp-img fallback alt="Google Earth View Gallery" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT3eNKe0KJU0HyPD0XOZJnYdJ8nXVEIYtnf9PpHPH4Wko4IITmKAUHqbLsbjbugug-VGfA4uM0ZQjuNKMqd3j0rfyjws8_K2_w_ao0TD8Kg2qw71WQl12P-CWvBpBVpfi9tv86TUYl_dk/s1600/google-earth-view-1644.jpg" width="1600" height="1067"></amp-img></amp-img>
<amp-img alt="Google Earth View Gallery" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNbN-LZKhw2LhcIXfozdCXEW4ZYtWiCsFDnmhUm7XOrUizfAn6ZirZQ0xpXDGBSkQCYSfhNmGg5oV408mX-g1VaOQVPNzspuS6JhGN9yp7onN2QBqa8LzbuhpYZCZ72YvABMZv4pOm1DA/s1600-rw/google-earth-view-1829.jpg" width="1600" height="1067"><amp-img fallback alt="Google Earth View Gallery" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNbN-LZKhw2LhcIXfozdCXEW4ZYtWiCsFDnmhUm7XOrUizfAn6ZirZQ0xpXDGBSkQCYSfhNmGg5oV408mX-g1VaOQVPNzspuS6JhGN9yp7onN2QBqa8LzbuhpYZCZ72YvABMZv4pOm1DA/s1600/google-earth-view-1829.jpg" width="1600" height="1067"></amp-img></amp-img>
<amp-img alt="Google Earth View Gallery" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOsiIznI0-vcdDsfanAkUCOGJMRD0nMndx2ZIUbMBprk8k6X9b1nf-8sBOp-55zV_mw0gj7qvV11B943q1bBRCMDJzPcxGFMLt_E8JVKITvVxINN38XTVS6EmYuxaqHhd52-DDmsnTzyg/s1600-rw/google-earth-view-2125.jpg" width="1600" height="1067"><amp-img fallback alt="Google Earth View Gallery" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOsiIznI0-vcdDsfanAkUCOGJMRD0nMndx2ZIUbMBprk8k6X9b1nf-8sBOp-55zV_mw0gj7qvV11B943q1bBRCMDJzPcxGFMLt_E8JVKITvVxINN38XTVS6EmYuxaqHhd52-DDmsnTzyg/s1600/google-earth-view-2125.jpg" width="1600" height="1067"></amp-img></amp-img>
<amp-img alt="Google Earth View Gallery" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9nHf_yV3PGbKiIjHc2KNiQm1HRi-ePVnrW8Lvwu0l0QxtPHWN8pbSUAYVKhpUIx__CKkIpc2uRncGZ5meKeY_vACaPDJXJdLfWrwk3wbjauQGy-fgm86-jTXxz5IO25tj66mUI4SO5Mg/s1600-rw/google-earth-view-5484.jpg" width="1600" height="1067"><amp-img fallback alt="Google Earth View Gallery" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9nHf_yV3PGbKiIjHc2KNiQm1HRi-ePVnrW8Lvwu0l0QxtPHWN8pbSUAYVKhpUIx__CKkIpc2uRncGZ5meKeY_vACaPDJXJdLfWrwk3wbjauQGy-fgm86-jTXxz5IO25tj66mUI4SO5Mg/s1600/google-earth-view-5484.jpg" width="1600" height="1067"></amp-img></amp-img>
<amp-img alt="Google Earth View Gallery" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxgUGF1hvibp-LF23BP4TN1nJEjrhH0_i9EOghyphenhyphenLSrVzB9-p7G2WTitYetpQxV1NTdp_FyGOzatRmx1lSssyQDFDLtAzZcCmcN-VH6-_a8F7THnHlR6PUfNUQSUOTwTpP6UYAtIrkhej0/s1600-rw/google-earth-view-13119.jpg" width="1600" height="1067"><amp-img fallback alt="Google Earth View Gallery" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxgUGF1hvibp-LF23BP4TN1nJEjrhH0_i9EOghyphenhyphenLSrVzB9-p7G2WTitYetpQxV1NTdp_FyGOzatRmx1lSssyQDFDLtAzZcCmcN-VH6-_a8F7THnHlR6PUfNUQSUOTwTpP6UYAtIrkhej0/s1600/google-earth-view-13119.jpg" width="1600" height="1067"></amp-img></amp-img>
<amp-img alt="Google Earth View Gallery" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwyX2jaWpqAmocKT8XT6LK3iPpG8Nu1UrgnJEu5afTo-4T2nTcbJCWKqEY4x-FxoqE6Yf9cOTxZJKYDIysjY_62SJUEgTb3cxUEptyZd78_PPhctxW2q9_kg9c7wcKUEtc0nOus6uVYCw/s1600-rw/google-earth-view-13765.jpg" width="1600" height="1067"><amp-img fallback alt="Google Earth View Gallery" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwyX2jaWpqAmocKT8XT6LK3iPpG8Nu1UrgnJEu5afTo-4T2nTcbJCWKqEY4x-FxoqE6Yf9cOTxZJKYDIysjY_62SJUEgTb3cxUEptyZd78_PPhctxW2q9_kg9c7wcKUEtc0nOus6uVYCw/s1600/google-earth-view-13765.jpg" width="1600" height="1067"></amp-img></amp-img>
<amp-img alt="Google Earth View Gallery" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJMpQhDQZKwM9tjT85NH9cuBcaUsLfuQqqY9i1dL-Sfx8uKpbLDeiwWD9R1muSYEcdkChiTr5awW6yVnIdw9_fepeP6Gf6Ysl0uu6RMMJ7gs11aUHsMTkYl3aEcds9G0N2_SX0rPNjWVg/s1600-rw/google-earth-view-14730.jpg" width="1600" height="1067"><amp-img fallback alt="Google Earth View Gallery" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJMpQhDQZKwM9tjT85NH9cuBcaUsLfuQqqY9i1dL-Sfx8uKpbLDeiwWD9R1muSYEcdkChiTr5awW6yVnIdw9_fepeP6Gf6Ysl0uu6RMMJ7gs11aUHsMTkYl3aEcds9G0N2_SX0rPNjWVg/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