Templat: BootstrapCarousel: Perbedaan antara revisi

← Revisi sebelumnya Revisi selanjutnya →

VisualTeks wiki

Revisi per 24 November 2022 17.06

Previous
Next

Dokumentasi templat

[lihat] [sunting] [riwayat] [hapus singgahan]

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)

@@ Baris 1: / Baris 1: @@
-<div id="myCarousel" class="carousel slide m-0 {{{addclass|}}}" data-ride="carousel" data-interval="{{{slideinterval|5000}}}" data-pause="hover">
+<div id="myCarousel" class="carousel slide m-0 {{{addclass|}}}" data-ride="true" data-interval="{{{slideinterval|1000}}}" data-pause="hover">
 <!-- Indicators -->
 <ol class="carousel-indicators m-0 mb-2">
-{{#ifexpr: {{{slidecount|3}}}>=1 | <li data-target="#myCarousel" data-slide-to="0" class="active" style="width: 10px; height: 10px; border-radius: 100%;"></li>}}<!--
+{{#ifexpr: {{{slidecount|5}}}>=1 | <li data-target="#myCarousel" data-slide-to="0" class="active" style="width: 10px; height: 10px; border-radius: 100%;"></li>}}<!--
--->{{#ifexpr: {{{slidecount|3}}}>=2 | <li data-target="#myCarousel" data-slide-to="1" style="width: 10px; height: 10px; border-radius: 100%;"></li>}}<!--
+-->{{#ifexpr: {{{slidecount|5}}}>=2 | <li data-target="#myCarousel" data-slide-to="1" style="width: 10px; height: 10px; border-radius: 100%;"></li>}}<!--
--->{{#ifexpr: {{{slidecount|3}}}>=3 | <li data-target="#myCarousel" data-slide-to="2" style="width: 10px; height: 10px; border-radius: 100%;"></li>}}<!--
+-->{{#ifexpr: {{{slidecount|5}}}>=3 | <li data-target="#myCarousel" data-slide-to="2" style="width: 10px; height: 10px; border-radius: 100%;"></li>}}<!--
--->{{#ifexpr: {{{slidecount|3}}}>=4 | <li data-target="#myCarousel" data-slide-to="3" style="width: 10px; height: 10px; border-radius: 100%;"></li>}}<!--
+-->{{#ifexpr: {{{slidecount|5}}}>=4 | <li data-target="#myCarousel" data-slide-to="3" style="width: 10px; height: 10px; border-radius: 100%;"></li>}}<!--
--->{{#ifexpr: {{{slidecount|3}}}>=5 | <li data-target="#myCarousel" data-slide-to="4" style="width: 10px; height: 10px; border-radius: 100%;"></li>}}
+-->{{#ifexpr: {{{slidecount|5}}}>=5 | <li data-target="#myCarousel" data-slide-to="4" style="width: 10px; height: 10px; border-radius: 100%;"></li>}}
 </ol>
@@ Baris 23: / Baris 23: @@
 <!-- Carousel items -->
 <div class="carousel-inner">
-{{#ifexpr: {{{slidecount|3}}}>=1 | <div class="carousel-item active">{{{slide1|[[File:Example 01.jpg|768px|class=img-fluid d-block w-100 border|link=]]}}}</div>}}<!--
+{{#ifexpr: {{{slidecount|5}}}>=1 | <div class="carousel-item active">{{{slide1|[[File:Example 01.jpg|768px|class=img-fluid d-block w-100 border|link=]]}}}</div>}}<!--
--->{{#ifexpr: {{{slidecount|3}}}>=2 | <div class="carousel-item">{{{slide2|[[File:Example 02.jpg|768px|class=img-fluid d-block w-100 border|link=]]}}}</div>}}<!--
+-->{{#ifexpr: {{{slidecount|5}}}>=2 | <div class="carousel-item">{{{slide2|[[File:Example 02.jpg|768px|class=img-fluid d-block w-100 border|link=]]}}}</div>}}<!--
--->{{#ifexpr: {{{slidecount|3}}}>=3 | <div class="carousel-item">{{{slide3|[[File:Example 03.jpg|768px|class=img-fluid d-block w-100 border|link=]]}}}</div>}}<!--
+-->{{#ifexpr: {{{slidecount|5}}}>=3 | <div class="carousel-item">{{{slide3|[[File:Example 03.jpg|768px|class=img-fluid d-block w-100 border|link=]]}}}</div>}}<!--
--->{{#ifexpr: {{{slidecount|3}}}>=4 | <div class="carousel-item">{{{slide4|[[File:Example 04.jpg|768px|class=img-fluid d-block w-100 border|link=]]}}}</div>}}<!--
+-->{{#ifexpr: {{{slidecount|5}}}>=4 | <div class="carousel-item">{{{slide4|[[File:Example 04.jpg|768px|class=img-fluid d-block w-100 border|link=]]}}}</div>}}<!--
--->{{#ifexpr: {{{slidecount|3}}}>=5 | <div class="carousel-item">{{{slide5|[[File:Example 05.jpg|768px|class=img-fluid d-block w-100 border|link=]]}}}</div>}}
+-->{{#ifexpr: {{{slidecount|5}}}>=5 | <div class="carousel-item">{{{slide5|[[File:Example 05.jpg|768px|class=img-fluid d-block w-100 border|link=]]}}}</div>}}
 </div>
 </div><noinclude>{{documentation}}</noinclude>