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"><i class="fas fa-chevron-left"></i></a>6
<a class="btn-floating" href="#carousel-example-multi" data-slide="next"><i class="fas fa-chevron-right"></i></a>7
</div>8
<!--/.Controls-->9
10
<!-- Indicators -->11
<ol class="carousel-indicators">12
<li data-target="#carousel-example-multi" data-slide-to="0" class="active"></li>13
<li data-target="#carousel-example-multi" data-slide-to="1"></li>14
<li data-target="#carousel-example-multi" data-slide-to="2"></li>15
<li data-target="#carousel-example-multi" data-slide-to="3"></li>16
<li data-target="#carousel-example-multi" data-slide-to="4"></li>17
<li data-target="#carousel-example-multi" data-slide-to="5"></li>18
</ol>19
<!--/.Indicators-->20
21
<div class="carousel-inner" role="listbox">22
23
<div class="carousel-item active">24
<div class="col-12 col-md-4">25
<div class="card mb-2">26
<img class="card-img-top" src="https://mdbootstrap.com/img/Photos/Others/img (36).jpg"27
alt="Card image cap">28
<div class="card-body">29
<h4 class="card-title font-weight-bold">Card title</h4>30
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the31
card's content.</p>32
<a class="btn btn-primary btn-md btn-rounded">Button</a>33
</div>34
</div>35
</div>36
</div>37
<div class="carousel-item">38
<div class="col-12 col-md-4">39
<div class="card mb-2">40
<img class="card-img-top" src="https://mdbootstrap.com/img/Photos/Others/img (34).jpg"41
alt="Card image cap">42
<div class="card-body">43
<h4 class="card-title font-weight-bold">Card title</h4>44
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the45
card's content.</p>46
<a class="btn btn-primary btn-md btn-rounded">Button</a>47
</div>48
</div>49
</div>50
</div>51
<div class="carousel-item">52
<div class="col-12 col-md-4">53
<div class="card mb-2">54
<img class="card-img-top" src="https://mdbootstrap.com/img/Photos/Others/img (38).jpg"55
alt="Card image cap">56
<div class="card-body">57
<h4 class="card-title font-weight-bold">Card title</h4>58
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the59
card's content.</p>60
<a class="btn btn-primary btn-md btn-rounded">Button</a>61
</div>62
</div>63
</div>64
</div>65
<div class="carousel-item">66
<div class="col-12 col-md-4">67
<div class="card mb-2">68
<img class="card-img-top" src="https://mdbootstrap.com/img/Photos/Others/img (29).jpg" alt="Card image cap">69
<div class="card-body">70
<h4 class="card-title font-weight-bold">Card title</h4>71
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the72
card's content.</p>73
<a class="btn btn-primary btn-md btn-rounded">Button</a>74
</div>75
</div>76
</div>77
</div>78
<div class="carousel-item">79
<div class="col-12 col-md-4">80
<div class="card mb-2">81
<img class="card-img-top" src="https://mdbootstrap.com/img/Photos/Others/img (30).jpg" alt="Card image cap">82
<div class="card-body">83
<h4 class="card-title font-weight-bold">Card title</h4>84
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the85
card's content.</p>86
<a class="btn btn-primary btn-md btn-rounded">Button</a>87
</div>88
</div>89
</div>90
</div>91
<div class="carousel-item">92
<div class="col-12 col-md-4">93
<div class="card mb-2">94
<img class="card-img-top" src="https://mdbootstrap.com/img/Photos/Others/img (27).jpg" alt="Card image cap">95
<div class="card-body">96
<h4 class="card-title font-weight-bold">Card title</h4>97
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the98
card's content.</p>99
<a class="btn btn-primary btn-md btn-rounded">Button</a>100
</div>101
</div>102
</div>103
</div>104
105
</div>106
107
</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<3;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