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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2xo1jjEvIuIcG7VlNoFzBCey397esDrRfPmSRFbNGbZB-QnvRaKTmg4o4iF1AJ7X6kpPdL9_EnSVXO-xMImGBgd6K6gghS8M_1-MXlCDiBjTQstK812Fc_Fm_fwcoaRxgMV5-KnzozwE/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/AVvXsEh2xo1jjEvIuIcG7VlNoFzBCey397esDrRfPmSRFbNGbZB-QnvRaKTmg4o4iF1AJ7X6kpPdL9_EnSVXO-xMImGBgd6K6gghS8M_1-MXlCDiBjTQstK812Fc_Fm_fwcoaRxgMV5-KnzozwE/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/AVvXsEijqZrgkigmhVYcDnWQDNq9bCu2FIO436QiAQBN6bB3SAGvbF631RoL4UJjOEFoqNs0yVtRCyBPm0oUJrwYp_4gfA5KCuGnGsMyadeqC1ukTJHpsgrZb0ixDL9nl4x4PlzWs90oJl5WRW0/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/AVvXsEijqZrgkigmhVYcDnWQDNq9bCu2FIO436QiAQBN6bB3SAGvbF631RoL4UJjOEFoqNs0yVtRCyBPm0oUJrwYp_4gfA5KCuGnGsMyadeqC1ukTJHpsgrZb0ixDL9nl4x4PlzWs90oJl5WRW0/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/AVvXsEj6EyV1NwWZm-8r9YhY8c-AyCRxATU6_NpSXWgQagSZUvLrXfRKl3H61EUExfqZ57RjL49n6NUISa49huYEZOqGLvkAl-To-aVlJCCppv35xYrZ0ohp0S3aMyGGN_9C513t9OGz6DTk_ic/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/AVvXsEj6EyV1NwWZm-8r9YhY8c-AyCRxATU6_NpSXWgQagSZUvLrXfRKl3H61EUExfqZ57RjL49n6NUISa49huYEZOqGLvkAl-To-aVlJCCppv35xYrZ0ohp0S3aMyGGN_9C513t9OGz6DTk_ic/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/AVvXsEjwPXLjCvxs4gRA2XahV051OpFb31lQjoZAIUlu8n8kx5a6jVPvWV7zekCoVjTb1Z_nCLmNUcjy4x0yCXJsk1zdqJ5Z3Cd2ir5C82Dh8AuTIVce-XdGBXmDSMvMH9fFwlSWSHo97tbXRb4/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/AVvXsEjwPXLjCvxs4gRA2XahV051OpFb31lQjoZAIUlu8n8kx5a6jVPvWV7zekCoVjTb1Z_nCLmNUcjy4x0yCXJsk1zdqJ5Z3Cd2ir5C82Dh8AuTIVce-XdGBXmDSMvMH9fFwlSWSHo97tbXRb4/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/AVvXsEgejkqOQ2vU0-JbPxXskODLCRINpiq18B8oj91wHEegOvISK2ujn-748U15UgqC_v1HWXIqPzTYzB95KXDXGEu9uLyxeaYvnmYw8aqb0-xOgKAYsT7MBB70jgPf5OWElHwVZ71nKpjjl5M/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/AVvXsEgejkqOQ2vU0-JbPxXskODLCRINpiq18B8oj91wHEegOvISK2ujn-748U15UgqC_v1HWXIqPzTYzB95KXDXGEu9uLyxeaYvnmYw8aqb0-xOgKAYsT7MBB70jgPf5OWElHwVZ71nKpjjl5M/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/AVvXsEgFacs-F9hCj1tYOIdVyWpYE_qrsvZZhFTRNEfqMZP020X77SzhgXHb60x6V66zb9HWVTgI4aeCCSVug8eGxRc_5CvopNegXPLT8dRZWH6ORblLEPChkbT5bL9eGv2TrZ9aaKcGKGT1pIs/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/AVvXsEgFacs-F9hCj1tYOIdVyWpYE_qrsvZZhFTRNEfqMZP020X77SzhgXHb60x6V66zb9HWVTgI4aeCCSVug8eGxRc_5CvopNegXPLT8dRZWH6ORblLEPChkbT5bL9eGv2TrZ9aaKcGKGT1pIs/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/AVvXsEhNcBxapUOyPfmHBhgjXkIudOJV4WpX3UJnmjZro76PMsuFegVeb9uiqyHiUAPNbkAwRyF-UimcNdND0-ppHZOBzPZESt-LKce-ukSfIluVeHfpAGN0kxCwlBMEpMfiGYA6ZyUnp7-ZFKw/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/AVvXsEhNcBxapUOyPfmHBhgjXkIudOJV4WpX3UJnmjZro76PMsuFegVeb9uiqyHiUAPNbkAwRyF-UimcNdND0-ppHZOBzPZESt-LKce-ukSfIluVeHfpAGN0kxCwlBMEpMfiGYA6ZyUnp7-ZFKw/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/AVvXsEiO3OR_eb1m7EPmtUTdXr5gH7xKlxc2OsCx15zu6naQ4tivpO9A6Tx4ncj2F5oqGO2cVqH8JxmhTf4WV5euGKoaQICyT30NlyxoEtD__W1tZqmbp9nxhkwfb7veTGzISgkzywTrONWZXBY/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/AVvXsEiO3OR_eb1m7EPmtUTdXr5gH7xKlxc2OsCx15zu6naQ4tivpO9A6Tx4ncj2F5oqGO2cVqH8JxmhTf4WV5euGKoaQICyT30NlyxoEtD__W1tZqmbp9nxhkwfb7veTGzISgkzywTrONWZXBY/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