Wiki source code of Owl Carousel 2 Macro
Last modified by Vincent Massol on 2026/01/13 15:11
Show last authors
| author | version | line-number | content |
|---|---|---|---|
| 1 | = Sample 1: responsive, loop enabled, with navigation and no dots = | ||
| 2 | |||
| 3 | (% id="carousel-sample-1" class="owl-carousel owl-theme" %)((((% class="item" %)((( | ||
| 4 | ==== 1 ==== | ||
| 5 | )))(% class="item" %)((( | ||
| 6 | ==== 2 ==== | ||
| 7 | )))(% class="item" %)((( | ||
| 8 | ==== 3 ==== | ||
| 9 | )))(% class="item" %)((( | ||
| 10 | ==== 4 ==== | ||
| 11 | )))(% class="item" %)((( | ||
| 12 | ==== 5 ==== | ||
| 13 | )))(% class="item" %)((( | ||
| 14 | ==== 6 ==== | ||
| 15 | )))(% class="item" %)((( | ||
| 16 | ==== 7 ==== | ||
| 17 | )))(% class="item" %)((( | ||
| 18 | ==== 8 ==== | ||
| 19 | )))(% class="item" %)((( | ||
| 20 | ==== 9 ==== | ||
| 21 | )))(% class="item" %)((( | ||
| 22 | ==== 10 ==== | ||
| 23 | )))(% class="item" %)((( | ||
| 24 | ==== 11 ==== | ||
| 25 | )))(% class="item" %)((( | ||
| 26 | ==== 12 ==== | ||
| 27 | ))) | ||
| 28 | ))) | ||
| 29 | |||
| 30 | = Sample 2: no navigation, auto-width and center enabled = | ||
| 31 | |||
| 32 | (% id="carousel-sample-2" class="owl-carousel owl-theme" %)((((% class="item" style="width: 200px" %)((( | ||
| 33 | ==== 1 ==== | ||
| 34 | )))(% class="item" style="color: #fff; background-color: red; width: 500px;" %)((( | ||
| 35 | ==== 2 ==== | ||
| 36 | )))(% class="item" style="width: 100px" %)((( | ||
| 37 | ==== 3 ==== | ||
| 38 | )))(% class="item" style="width: 150px" %)((( | ||
| 39 | ==== 4 ==== | ||
| 40 | )))(% class="item" style="width: 50px" %)((( | ||
| 41 | ==== 5 ==== | ||
| 42 | )))(% class="item" %)((( | ||
| 43 | ==== 6 ==== | ||
| 44 | )))(% class="item" style="width: 100px" %)((( | ||
| 45 | ==== 7 ==== | ||
| 46 | )))(% class="item" style="width: 300px" %)((( | ||
| 47 | ==== 8 ==== | ||
| 48 | )))(% class="item" style="width: 400px" %)((( | ||
| 49 | ==== 9 ==== | ||
| 50 | )))(% class="item" style="width: 500px" %)((( | ||
| 51 | ==== 10 ==== | ||
| 52 | )))(% class="item" style="width: 50px" %)((( | ||
| 53 | ==== 11 ==== | ||
| 54 | ))) | ||
| 55 | ))) | ||
| 56 | |||
| 57 | {{OwlCarousel2 id="carousel-sample-1" loop="true" nav="true" dots="false" responsive="true" items480="2" items768="4" items1200="8" /}} | ||
| 58 | |||
| 59 | {{OwlCarousel2 id="carousel-sample-2" nav="false" autoWidth="true" center="true"/}} |
