Templat: BootstrapCarousel: Perbedaan antara revisi
Dari GBI Danau Bogor Raya
k (upd) |
k (upd) |
||
| Baris 1: | Baris 1: | ||
<div id=" | <div id="myCarousel" class="carousel slide m-0" data-ride="carousel" data-interval="{{{slideinterval|5000}}}"> | ||
<!-- Indicators --> | <!-- Indicators --> | ||
<ol class="carousel-indicators m-0"> | <ol class="carousel-indicators m-0"> | ||
{{#ifexpr: {{{slidecount|1}}}>=1 | <li data-target="#{{{carouselid| | {{#ifexpr: {{{slidecount|1}}}>=1 | <li data-target="#{{{carouselid|myCarousel }}}" data-slide-to="0" class="active"></li>}}<!-- | ||
-->{{#ifexpr: {{{slidecount|1}}}>=2 | <li data-target="#{{{carouselid| | -->{{#ifexpr: {{{slidecount|1}}}>=2 | <li data-target="#{{{carouselid|myCarousel }}}" data-slide-to="1"></li>}}<!-- | ||
-->{{#ifexpr: {{{slidecount|1}}}>=3 | <li data-target="#{{{carouselid| | -->{{#ifexpr: {{{slidecount|1}}}>=3 | <li data-target="#{{{carouselid|myCarousel }}}" data-slide-to="2"></li>}}<!-- | ||
-->{{#ifexpr: {{{slidecount|1}}}>=4 | <li data-target="#{{{carouselid| | -->{{#ifexpr: {{{slidecount|1}}}>=4 | <li data-target="#{{{carouselid|myCarousel }}}" data-slide-to="3"></li>}}<!-- | ||
-->{{#ifexpr: {{{slidecount|1}}}>=5 | <li data-target="#{{{carouselid| | -->{{#ifexpr: {{{slidecount|1}}}>=5 | <li data-target="#{{{carouselid|myCarousel }}}" data-slide-to="4"></li>}} | ||
</ol> | </ol> | ||
<!-- Controls --> | <!-- Controls --> | ||
<ol class="carousel-control m-0"> | <ol class="carousel-control m-0"> | ||
<li class="carousel-control-prev" data-target="#{{{carouselid| | <li class="carousel-control-prev" data-target="#{{{carouselid|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" data-target="#{{{carouselid| | <li class="carousel-control-next" data-target="#{{{carouselid|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 11 Oktober 2022 11.27
- Previous
- Next
Template documentationPemakaian
{{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) |