Templat: BootstrapCarousel: Perbedaan antara revisi
Dari GBI Danau Bogor Raya
k Penggantian teks - "sr-only" menjadi "visually-hidden" |
k upd |
||
Baris 1: | Baris 1: | ||
<div id="myCarousel" class="carousel slide m-0 {{{addclass|}}}" data-bs-ride=" | <div id="myCarousel" class="carousel slide m-0 {{{addclass|}}}" data-bs-ride="carousel" data-bs-interval="{{{slideinterval|3000}}}" data-bs-pause="hover"> | ||
<!-- Indicators --> | <!-- Indicators --> | ||
<ol class="carousel-indicators | <ol class="carousel-indicators" style="list-style-type: none;"> | ||
{{#ifexpr: {{{slidecount|5}}}>=1 | <li data-bs-target="#myCarousel" data-bs-slide-to="0" class="active" style="width: 10px; height: 10px; border-radius: 100%;"></li>}}<!-- | {{#ifexpr: {{{slidecount|5}}}>=1 | <li data-bs-target="#myCarousel" data-bs-slide-to="0" class="active" aria-current="true" <!--style="width: 10px; height: 10px; border-radius: 100%;"-->></li>}}<!-- | ||
-->{{#ifexpr: {{{slidecount|5}}}>=2 | <li data-bs-target="#myCarousel" data-bs-slide-to="1 | -->{{#ifexpr: {{{slidecount|5}}}>=2 | <li data-bs-target="#myCarousel" data-bs-slide-to="1" ></li>}}<!-- | ||
-->{{#ifexpr: {{{slidecount|5}}}>=3 | <li data-bs-target="#myCarousel" data-bs-slide-to="2 | -->{{#ifexpr: {{{slidecount|5}}}>=3 | <li data-bs-target="#myCarousel" data-bs-slide-to="2" ></li>}}<!-- | ||
-->{{#ifexpr: {{{slidecount|5}}}>=4 | <li data-bs-target="#myCarousel" data-bs-slide-to="3 | -->{{#ifexpr: {{{slidecount|5}}}>=4 | <li data-bs-target="#myCarousel" data-bs-slide-to="3" ></li>}}<!-- | ||
-->{{#ifexpr: {{{slidecount|5}}}>=5 | <li data-bs-target="#myCarousel" data-bs-slide-to="4 | -->{{#ifexpr: {{{slidecount|5}}}>=5 | <li data-bs-target="#myCarousel" data-bs-slide-to="4" ></li>}}<!-- | ||
-->{{#ifexpr: {{{slidecount|5}}}>=6 | <li data-bs-target="#myCarousel" data-bs-slide-to="5 | -->{{#ifexpr: {{{slidecount|5}}}>=6 | <li data-bs-target="#myCarousel" data-bs-slide-to="5" ></li>}}<!-- | ||
-->{{#ifexpr: {{{slidecount|6}}}>=7 | <li data-bs-target="#myCarousel" data-bs-slide-to="6 | -->{{#ifexpr: {{{slidecount|6}}}>=7 | <li data-bs-target="#myCarousel" data-bs-slide-to="6" ></li>}}<!-- | ||
-->{{#ifexpr: {{{slidecount|6}}}>=8 | <li data-bs-target="#myCarousel" data-bs-slide-to="6 | -->{{#ifexpr: {{{slidecount|6}}}>=8 | <li data-bs-target="#myCarousel" data-bs-slide-to="6" ></li>}}<!-- | ||
-->{{#ifexpr: {{{slidecount|6}}}>=9 | <li data-bs-target="#myCarousel" data-bs-slide-to="6 | -->{{#ifexpr: {{{slidecount|6}}}>=9 | <li data-bs-target="#myCarousel" data-bs-slide-to="6" ></li>}}<!-- | ||
-->{{#ifexpr: {{{slidecount|6}}}>=10 | <li data-bs-target="#myCarousel" data-bs-slide-to="6 | -->{{#ifexpr: {{{slidecount|6}}}>=10 | <li data-bs-target="#myCarousel" data-bs-slide-to="6" ></li>}} | ||
</ol> | </ol> | ||
Revisi terkini sejak 8 September 2024 20.48
Dokumentasi templat
Pemakaian
{{BootstrapCarousel | carouselid=myCarousel | slidecount= | slideinterval= | slide1= | slide2= | slide3= | slide4= | slide5= | slide6= | slide7= | slide8= | slide9= | slide10= }}
- Catatan
slidecount |
diisi 1-5 (maksimal 5) |
slideinterval |
dalam milidetik (default 5000) |