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-6">27
<div class="card mb-2">28
<img class="card-img-top" src="https://mdbootstrap.com/img/Photos/Others/img (36).webp"29
alt="Card image cap">30
<div class="card-body">31
<h4 class="card-title font-weight-bold">Card title</h4>32
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the33
card's content.</p>34
<a class="btn btn-primary btn-md btn-rounded">Button</a>35
</div>36
</div>37
</div>38
</div>39
<div class="carousel-item">40
<div class="col-12 col-md-6">41
<div class="card mb-2">42
<img class="card-img-top" src="https://mdbootstrap.com/img/Photos/Others/img (34).webp"43
alt="Card image cap">44
<div class="card-body">45
<h4 class="card-title font-weight-bold">Card title</h4>46
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the47
card's content.</p>48
<a class="btn btn-primary btn-md btn-rounded">Button</a>49
</div>50
</div>51
</div>52
</div>53
<div class="carousel-item">54
<div class="col-12 col-md-6">55
<div class="card mb-2">56
<img class="card-img-top" src="https://mdbootstrap.com/img/Photos/Others/img (38).webp"57
alt="Card image cap">58
<div class="card-body">59
<h4 class="card-title font-weight-bold">Card title</h4>60
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the61
card's content.</p>62
<a class="btn btn-primary btn-md btn-rounded">Button</a>63
</div>64
</div>65
</div>66
</div>67
<div class="carousel-item">68
<div class="col-12 col-md-6">69
<div class="card mb-2">70
<img class="card-img-top" src="https://mdbootstrap.com/img/Photos/Others/img (29).webp"71
alt="Card image cap">72
<div class="card-body">73
<h4 class="card-title font-weight-bold">Card title</h4>74
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the75
card's content.</p>76
<a class="btn btn-primary btn-md btn-rounded">Button</a>77
</div>78
</div>79
</div>80
</div>81
<div class="carousel-item">82
<div class="col-12 col-md-6">83
<div class="card mb-2">84
<img class="card-img-top" src="https://mdbootstrap.com/img/Photos/Others/img (30).webp"85
alt="Card image cap">86
<div class="card-body">87
<h4 class="card-title font-weight-bold">Card title</h4>88
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the89
card's content.</p>90
<a class="btn btn-primary btn-md btn-rounded">Button</a>91
</div>92
</div>93
</div>94
</div>95
<div class="carousel-item">96
<div class="col-12 col-md-6">97
<div class="card mb-2">98
<img class="card-img-top" src="https://mdbootstrap.com/img/Photos/Others/img (27).webp"99
alt="Card image cap">100
<div class="card-body">101
<h4 class="card-title font-weight-bold">Card title</h4>102
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the103
card's content.</p>104
<a class="btn btn-primary btn-md btn-rounded">Button</a>105
</div>106
</div>107
</div>108
</div>109
110
</div>111
112
</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