Templat: BootstrapCarousel: Perbedaan antara revisi

Dari GBI Danau Bogor Raya
Lompat ke: navigasi, cari
Leo (bicara | kontrib)
k Penggantian teks - "sr-only" menjadi "visually-hidden"
Leo (bicara | kontrib)
k upd
 
Baris 1: Baris 1:
<div id="myCarousel" class="carousel slide m-0 {{{addclass|}}}" data-bs-ride="true" data-bs-interval="{{{slideinterval|1000}}}" data-bs-pause="hover">
<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 m-0 mb-2" style="list-style-type: none;">
<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" style="width: 10px; height: 10px; border-radius: 100%;"></li>}}<!--
-->{{#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" style="width: 10px; height: 10px; border-radius: 100%;"></li>}}<!--
-->{{#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" style="width: 10px; height: 10px; border-radius: 100%;"></li>}}<!--
-->{{#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" style="width: 10px; height: 10px; border-radius: 100%;"></li>}}<!--
-->{{#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" style="width: 10px; height: 10px; border-radius: 100%;"></li>}}<!--
-->{{#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" style="width: 10px; height: 10px; border-radius: 100%;"></li>}}<!--
-->{{#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" style="width: 10px; height: 10px; border-radius: 100%;"></li>}}<!--
-->{{#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" style="width: 10px; height: 10px; border-radius: 100%;"></li>}}<!--
-->{{#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" style="width: 10px; height: 10px; border-radius: 100%;"></li>}}
-->{{#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)