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/AVvXsEhdUZO9hLn2i4ETRzjAYD500hDrxxjXAmiEZYkCR2jRwOnhoNIELqOZIMBAHVJ7nCoJfCTW-N45jGT7peXLJNVzLjIQM2lTNoi_FNidAZKPSpdLNuDL1yryW42gNXiWFnM-vHS0PcRl5gU/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/AVvXsEhdUZO9hLn2i4ETRzjAYD500hDrxxjXAmiEZYkCR2jRwOnhoNIELqOZIMBAHVJ7nCoJfCTW-N45jGT7peXLJNVzLjIQM2lTNoi_FNidAZKPSpdLNuDL1yryW42gNXiWFnM-vHS0PcRl5gU/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/AVvXsEhPNK4qC685ArPiOwGMP4-taoAHNrP21lyhSzRnGlfvaYvAfveHKzaARAxk5H0fSQS4VflPTV4GW32JbIEI_LsdlIFQcBLseOt3f2ssnbmaqtZwS5caMTZWPD9EQkcO6ykZTqDzo5IwJ6c/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/AVvXsEhPNK4qC685ArPiOwGMP4-taoAHNrP21lyhSzRnGlfvaYvAfveHKzaARAxk5H0fSQS4VflPTV4GW32JbIEI_LsdlIFQcBLseOt3f2ssnbmaqtZwS5caMTZWPD9EQkcO6ykZTqDzo5IwJ6c/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/AVvXsEggHHjgJB6E0zSBaDRQ-gChvPP7bF0aHX_viLzj_HnyIHYxcEv_FXIk1sGyLLXb4WNpM5Wvo8ttbG4mPKSyuYY7k9as622BGOG82KeOe5sDvNP47zxLsFup-GipDsGcLTivOH1XMGv_GbU/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/AVvXsEggHHjgJB6E0zSBaDRQ-gChvPP7bF0aHX_viLzj_HnyIHYxcEv_FXIk1sGyLLXb4WNpM5Wvo8ttbG4mPKSyuYY7k9as622BGOG82KeOe5sDvNP47zxLsFup-GipDsGcLTivOH1XMGv_GbU/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/AVvXsEgaCsqZa0FtA8MD-TmLYqKD6y6Moe-qn5KEgcakU7d4QZHZ-SP_z_Sgxs3dBEy3JNyuJUkjRR2AQDj1gioQvQ0JS-CITXKHV-j_X9skS_sVSLjDU37BwobpteA62XTmkI1-ngqQmuRqkbg/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/AVvXsEgaCsqZa0FtA8MD-TmLYqKD6y6Moe-qn5KEgcakU7d4QZHZ-SP_z_Sgxs3dBEy3JNyuJUkjRR2AQDj1gioQvQ0JS-CITXKHV-j_X9skS_sVSLjDU37BwobpteA62XTmkI1-ngqQmuRqkbg/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/AVvXsEgRfsUKkvgN-jwPUI_bXeNeZjfhYWZv1gzWi3oCgtUtbBBOQW3NE05kHnO1bBLwJaXvE48ngMMiDIgSDFI5-LPX_Vgb53n6Rj0YbW_eLmjNBJ3yiaY2v6ji_iMdjEUcsQCIiuYQOwkGg_E/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/AVvXsEgRfsUKkvgN-jwPUI_bXeNeZjfhYWZv1gzWi3oCgtUtbBBOQW3NE05kHnO1bBLwJaXvE48ngMMiDIgSDFI5-LPX_Vgb53n6Rj0YbW_eLmjNBJ3yiaY2v6ji_iMdjEUcsQCIiuYQOwkGg_E/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/AVvXsEh0wfP8YhIzLmaPs8tM509R5APTzeG_QBpDUpQAyfWT-IjMrqeu9Bf4sQIg0B-V2Xa35OocJO_0ejdFjLD4VWw_uzezpJ8k4aNJdSi3juJjEPA63alX-Qw4lwtVAl3Boj5s-kIjFb9eDSg/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/AVvXsEh0wfP8YhIzLmaPs8tM509R5APTzeG_QBpDUpQAyfWT-IjMrqeu9Bf4sQIg0B-V2Xa35OocJO_0ejdFjLD4VWw_uzezpJ8k4aNJdSi3juJjEPA63alX-Qw4lwtVAl3Boj5s-kIjFb9eDSg/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/AVvXsEhhrTmLgYiCVDXbuw5qVNdaA80453CYLvuTMEuHthHxJZ1tkIPIekf44qARO8NiewHx3_iSMuwxrqP1EYaJKbKyPzhqzPWyhpHV61Kmvm5E4S_QOAznD9tvojEJvr67WkmwDaAbTudGmGY/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/AVvXsEhhrTmLgYiCVDXbuw5qVNdaA80453CYLvuTMEuHthHxJZ1tkIPIekf44qARO8NiewHx3_iSMuwxrqP1EYaJKbKyPzhqzPWyhpHV61Kmvm5E4S_QOAznD9tvojEJvr67WkmwDaAbTudGmGY/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/AVvXsEiWvD9dbQEkmOaEd8kKzdOaYfkb4ULeqI3JNOdhwnPpcbrMn_Tqn0klNX1doKzySsDOw_RWQNE_ztWpjxYjr8awz35Tixoj_DLdARNVVRpBMV97aIS24djjgiIq-28P9zVzaEnoxQkPnN4/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/AVvXsEiWvD9dbQEkmOaEd8kKzdOaYfkb4ULeqI3JNOdhwnPpcbrMn_Tqn0klNX1doKzySsDOw_RWQNE_ztWpjxYjr8awz35Tixoj_DLdARNVVRpBMV97aIS24djjgiIq-28P9zVzaEnoxQkPnN4/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

Buy Now :

WhatsApp Chat Phone Send SMS