xxxxxxxxxx1
<div id="carousel-example-multi" class="carousel slide carousel-multi-item v-2" data-ride="carousel">2
3
<!--Controls-->4
<div class="controls-top">5
<a class="btn-floating" href="#carousel-example-multi" data-slide="prev"><i6
class="fas fa-chevron-left"></i></a>7
<a class="btn-floating" href="#carousel-example-multi" data-slide="next"><i8
class="fas fa-chevron-right"></i></a>9
</div>10
<!--/.Controls-->11
12
<!-- Indicators -->13
<ol class="carousel-indicators">14
<li data-target="#carousel-example-multi" data-slide-to="0" class="active"></li>15
<li data-target="#carousel-example-multi" data-slide-to="1"></li>16
<li data-target="#carousel-example-multi" data-slide-to="2"></li>17
<li data-target="#carousel-example-multi" data-slide-to="3"></li>18
<li data-target="#carousel-example-multi" data-slide-to="4"></li>19
<li data-target="#carousel-example-multi" data-slide-to="5"></li>20
</ol>21
<!--/.Indicators-->22
23
<div class="carousel-inner v-2" role="listbox">24
25
<div class="carousel-item active">26
<div class="col-12 col-md-4 text-center">27
<div class="d-inline-block">28
<a class="btn-floating btn-default categoryButton waves-effect waves-light" data-category="house">29
<i class="fas fa-car"></i>30
</a>31
<h6 class="d-block font-weight-bold">Car</h6>32
</div>33
</div>34
</div>35
<div class="carousel-item">36
<div class="col-12 col-md-4 text-center">37
<div class="d-inline-block">38
<a class="btn-floating btn-default categoryButton waves-effect waves-light" data-category="house">39
<i class="fas fa-home"></i>40
</a>41
<h6 class="d-block font-weight-bold">House</h6>42
</div>43
</div>44
</div>45
<div class="carousel-item">46
<div class="col-12 col-md-4 text-center">47
<div class="d-inline-block">48
<a class="btn-floating btn-default categoryButton waves-effect waves-light" data-category="house">49
<i class="fas fa-pen"></i>50
</a>51
<h6 class="d-block font-weight-bold">Test</h6>52
</div>53
</div>54
</div>55
<div class="carousel-item">56
<div class="col-12 col-md-4 text-center">57
<div class="d-inline-block">58
<a class="btn-floating btn-default categoryButton waves-effect waves-light" data-category="house">59
<i class="fas fa-bolt"></i>60
</a>61
<h6 class="d-block font-weight-bold">Bolt</h6>62
</div>63
</div>64
</div>65
<div class="carousel-item">66
<div class="col-12 col-md-4 text-center">67
<div class="d-inline-block">68
<a class="btn-floating btn-default categoryButton waves-effect waves-light" data-category="house">69
<i class="fas fa-box"></i>70
</a>71
<h6 class="d-block font-weight-bold">Stuff</h6>72
</div>73
</div>74
</div>75
<div class="carousel-item">76
<div class="col-12 col-md-4 text-center">77
<div class="d-inline-block">78
<a class="btn-floating btn-default categoryButton waves-effect waves-light" data-category="house">79
<i class="fas fa-boat"></i>80
</a>81
<h6 class="d-block font-weight-bold">Boat</h6>82
</div>83
</div>84
</div>85
86
</div>87
88
</div>1
1
xxxxxxxxxx1
$('.carousel.carousel-multi-item.v-2 .carousel-item').each(function(){2
var next = $(this).next();3
if (!next.length) {4
next = $(this).siblings(':first');5
}6
next.children(':first-child').clone().appendTo($(this));7
8
for (var i=0;i<4;i++) {9
next=next.next();10
if (!next.length) {11
next=$(this).siblings(':first');12
}13
next.children(':first-child').clone().appendTo($(this));14
}15
}); Console errors: 0