Есть слайдер
$(document).ready(function() {
$('.right').click(function() {
let arr = [];
$('.carousel').on('slid.bs.carousel', function() {
curSlide = $('.active');
arr.push(curSlide[0].classList[1]);
});
console.log(arr);
});
});
<div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="false">
<div class="carousel-inner" role="listbox">
<div class="item image11 active">
<img src="https://perestroyka.market/image/cache/catalog/_1_%D0%93%D0%B0%D0%BB%D0%B5%D1%80%D0%B5%D1%8F/9-700x700.jpg">
<div class="title-slider">test7</div>
</div>
<div class="item image10">
<img src="https://perestroyka.market/image/cache/catalog/_1_%D0%93%D0%B0%D0%BB%D0%B5%D1%80%D0%B5%D1%8F/7-700x700.jpg">
<div class="title-slider">test6</div>
</div>
<div class="item image9">
<img src="https://perestroyka.market/image/cache/catalog/_1_%D0%93%D0%B0%D0%BB%D0%B5%D1%80%D0%B5%D1%8F/8-700x700.jpg">
<div class="title-slider">test5</div>
</div>
<div class="item image8">
<img src="https://perestroyka.market/image/cache/catalog/_1_%D0%93%D0%B0%D0%BB%D0%B5%D1%80%D0%B5%D1%8F/3-700x700.jpg">
<div class="title-slider">test4</div>
</div>
<div class="item image7">
<img src="https://perestroyka.market/image/cache/catalog/_1_%D0%93%D0%B0%D0%BB%D0%B5%D1%80%D0%B5%D1%8F/1-700x700.jpg">
<div class="title-slider">test3</div>
</div>
<div class="item image6">
<img src="https://perestroyka.market/image/cache/catalog/_1_%D0%93%D0%B0%D0%BB%D0%B5%D1%80%D0%B5%D1%8F/2-700x700.jpg">
<div class="title-slider">test2</div>
</div>
</div>
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
как его обработать не могу понять, подскажите как мне получить image10