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/AVvXsEgp4PbKjkTh201rvTRi748Rm90a9-2JUh18oXm84_pa2FDItOjf2VzuOKnvlOys45Z8OSKaNYK27gDxcuueMx8azXjoNznRxIlsiyLfYuptSYvW4O1DgXIczRywVTGoGCR4_q6Pt23HRFc/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/AVvXsEgp4PbKjkTh201rvTRi748Rm90a9-2JUh18oXm84_pa2FDItOjf2VzuOKnvlOys45Z8OSKaNYK27gDxcuueMx8azXjoNznRxIlsiyLfYuptSYvW4O1DgXIczRywVTGoGCR4_q6Pt23HRFc/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/AVvXsEh7V1Imc3wqfdLHsC1t7N-pXoG-LrM9SRt2sIVriVProaDRrDfhFFzlPBlbCay1fAXNWbtDaAo9k_lYbIGsCewDaCatQVLOHnsJO1vWYhbEomeFKTRLFC6VBCoAdaMn9kPk7vXpN0goPPU/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/AVvXsEh7V1Imc3wqfdLHsC1t7N-pXoG-LrM9SRt2sIVriVProaDRrDfhFFzlPBlbCay1fAXNWbtDaAo9k_lYbIGsCewDaCatQVLOHnsJO1vWYhbEomeFKTRLFC6VBCoAdaMn9kPk7vXpN0goPPU/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/AVvXsEi7RzRkClSgzWB_jJdJyze-xPsO86v2iMQ2LWBM0GvgCasnHg26mmqHqCNn-tpU3YsHq6VUy-sACooIlxMLohkRCDvFyQqfrFVhbWJe5CRnp4Kgf_hyphenhyphenbSESbZxpjZAD9d_6d_oJbJJsGNA/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/AVvXsEi7RzRkClSgzWB_jJdJyze-xPsO86v2iMQ2LWBM0GvgCasnHg26mmqHqCNn-tpU3YsHq6VUy-sACooIlxMLohkRCDvFyQqfrFVhbWJe5CRnp4Kgf_hyphenhyphenbSESbZxpjZAD9d_6d_oJbJJsGNA/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/AVvXsEhbDr8BMcocytB7QFnmzrsW0K-oLAXxMbOajSGMGS4wrpvmvEEpnlo-KhOJYMWh826S1g7oheUJdCpEYuhw22tnvUEIl5pNPZCG20qyCgzr3BuSLI9E8vjS5Zrbh_7ch8RsGiM51Mz6_lM/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/AVvXsEhbDr8BMcocytB7QFnmzrsW0K-oLAXxMbOajSGMGS4wrpvmvEEpnlo-KhOJYMWh826S1g7oheUJdCpEYuhw22tnvUEIl5pNPZCG20qyCgzr3BuSLI9E8vjS5Zrbh_7ch8RsGiM51Mz6_lM/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/AVvXsEhwYs3ux0vo2yOmXgmVxM9PPH_2rolkf-XRK9GXDnS8nkGIxB-P1uFcdDXxwfAD_PKZgQWxCc64HeElERtVqw2Xfd7LYdgkCUyE7RqJ-s_hyIvIm6bq8vPUKsirHQ1TcpFHnpG3v5mp-dc/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/AVvXsEhwYs3ux0vo2yOmXgmVxM9PPH_2rolkf-XRK9GXDnS8nkGIxB-P1uFcdDXxwfAD_PKZgQWxCc64HeElERtVqw2Xfd7LYdgkCUyE7RqJ-s_hyIvIm6bq8vPUKsirHQ1TcpFHnpG3v5mp-dc/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/AVvXsEjKHtkYrxXf0Mx7BgweKHVFyXnf7n4AUCpbUR_jaHpgDK8hPYcw6iAgm_1E-7DyTOi8FsYQm_9R4YU6bZqhJND45O9vKtghuPAy7syMWvMHMJ0-rj-bKBopsNmtJbombrIZp0aEFfxluC8/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/AVvXsEjKHtkYrxXf0Mx7BgweKHVFyXnf7n4AUCpbUR_jaHpgDK8hPYcw6iAgm_1E-7DyTOi8FsYQm_9R4YU6bZqhJND45O9vKtghuPAy7syMWvMHMJ0-rj-bKBopsNmtJbombrIZp0aEFfxluC8/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/AVvXsEilAHEXp4QCS2N8j__6Nk7wcS2hnrmdJ8pd-m9QfBz_0rsU2Lt79vMc7pabbeXME0CtZkzSPN8e_iZjg1arHTNUv9-Ciya93q2xD_BQXzThUDAY4aE5-kcCzl5EBXVZl-m7bqtlF1NJF-s/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/AVvXsEilAHEXp4QCS2N8j__6Nk7wcS2hnrmdJ8pd-m9QfBz_0rsU2Lt79vMc7pabbeXME0CtZkzSPN8e_iZjg1arHTNUv9-Ciya93q2xD_BQXzThUDAY4aE5-kcCzl5EBXVZl-m7bqtlF1NJF-s/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/AVvXsEhGgXNKqhlYlY8j9LHvA-sdtybOWBnlbz61TTBTVDReifwbIebd5PYf8Fy8FrBYTnNK-Z44O_pWfO-6o5wRdwutngBwy0ZXSB9YTpwk2fxHg2Nz2cG9eJSiyPki4gctNnIWJRwzUFQncIY/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/AVvXsEhGgXNKqhlYlY8j9LHvA-sdtybOWBnlbz61TTBTVDReifwbIebd5PYf8Fy8FrBYTnNK-Z44O_pWfO-6o5wRdwutngBwy0ZXSB9YTpwk2fxHg2Nz2cG9eJSiyPki4gctNnIWJRwzUFQncIY/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