猫头鹰旋转木马幻灯片上组合图像

Question

我的猫头鹰传送带中有6张幻灯片，我有一张要拖动的图像，下一张幻灯片位于所有猫头鹰传送带中。我想在该图像的拖动上移动下一张幻灯片，就像在拖动的图像上方移动一样，为我的问题提出解决方案

<div class="case_study_list owl-carousel" >

<div class="col-lg-12 col-md-12 col-sm-12 item">
<img src="abc.png">
</div>

<div class="col-lg-12 col-md-12 col-sm-12 item">
<img src="abc.png">
</div>

<div class="col-lg-12 col-md-12 col-sm-12 item">
<img src="abc.png">
</div>

 <div class="col-lg-12 col-md-12 col-sm-12 " >
            
    here is the image to explore image which not in owl carousel item
                
                </div>

</div>


$('.case_study_list').owlCarousel({
        loop: true,
        autoplay: true,
        autoplayTimeout: 10000,
        dots: true,
        nav: false,
        navText: ["<i class='fa fa-long-arrow-left''></i>", "<i class='fa fa-long-arrow-right''></i>"],
        responsive: {
            0: {
                items: 1
            },
            768: {
                items: 2
            },
            992: {
                items: 2
            },
            1000: {
                items: 2
            },
            1920: {
                items: 2
            }
        }
    })  

drag image as per next slide