Templat: BootstrapCarousel: Perbedaan antara revisi
Dari GBI Danau Bogor Raya
k upd |
kTidak ada ringkasan suntingan |
||
| Baris 1: | Baris 1: | ||
<div id="myCarousel" class="carousel slide m-0 {{{addclass|}}}" data-ride="carousel" data-interval="{{{slideinterval|5000}}}"> | <div id="myCarousel" class="carousel slide m-0 {{{addclass|}}}" data-ride="carousel" data-interval="{{{slideinterval|5000}}}"> | ||
<!-- Indicators --> | <!-- Indicators --> | ||
<ol class="carousel-indicators m-0"> | <ol class="carousel-indicators m-0 mb-3"> | ||
{{#ifexpr: {{{slidecount|3}}}>=1 | <li data-target="#myCarousel" data-slide-to="0" class="active"></li>}}<!-- | {{#ifexpr: {{{slidecount|3}}}>=1 | <li data-target="#myCarousel" data-slide-to="0" class="active"></li>}}<!-- | ||
-->{{#ifexpr: {{{slidecount|3}}}>=2 | <li data-target="#myCarousel" data-slide-to="1"></li>}}<!-- | -->{{#ifexpr: {{{slidecount|3}}}>=2 | <li data-target="#myCarousel" data-slide-to="1"></li>}}<!-- | ||
| Baris 11: | Baris 11: | ||
<!-- Controls --> | <!-- Controls --> | ||
<ol class="carousel-control m-0"> | <ol class="carousel-control m-0"> | ||
<li class="carousel-control-prev mt-5 mb-5" data-target="#myCarousel" role="button" data-slide="prev"> | <li class="carousel-control-prev mt-5 mb-5 rounded" style="background: rgba(0, 0, 0, 0.3);" data-target="#myCarousel" role="button" data-slide="prev"> | ||
<span class="carousel-control-prev-icon" aria-hidden="true"></span> | <span class="carousel-control-prev-icon" aria-hidden="true"></span> | ||
<span class="sr-only">Previous</span> | <span class="sr-only">Previous</span> | ||
</li> | </li> | ||
<li class="carousel-control-next mt-5 mb-5" data-target="#myCarousel" role="button" data-slide="next"> | <li class="carousel-control-next mt-5 mb-5 rounded" style="background: rgba(0, 0, 0, 0.3);" data-target="#myCarousel" role="button" data-slide="next"> | ||
<span class="carousel-control-next-icon" aria-hidden="true"></span> | <span class="carousel-control-next-icon" aria-hidden="true"></span> | ||
<span class="sr-only">Next</span> | <span class="sr-only">Next</span> | ||
Revisi per 23 November 2022 13.05
- Previous
- Next
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) |