求助！Owl Carousel 2如何实现同步切换

独行剑侠

想实现类似Swiper的双向控制的方式。

如何用Owl Carousel 2实现幻灯片（一张前景，一张虚化背景）图片同步变化？


这是文档https://owlcarousel2.github.io/OwlCarousel2/index.html
实在看不懂。


目前我的代码--前景部分Owl Carousel 2幻灯片PHP代码--

[PHP] 纯文本查看 复制代码

<div class="list-banner list-rounded banner-style-2 banner-has-nav pt-3 pt-md-5">
        <div class="container">
		            <!--全屏s-->
            <div class="owl-carousel owl-theme">   	
			        <?php 
$lunbo = $this->options->imghdp;
$hang = explode(",", $lunbo);
$n=count($hang);
$html="";
for ($i=0;$i<$n;$i++) {
	$this->widget('Widget_Archive@lunbo'.$i, 'pageSize=1&type=post', 'cid='.$hang[$i])->to($ji);
	if($ji->fields->thumb) {
		$img=$ji->fields->thumb;
	}
	if($i==0) {
		$no=" sx_no";
	} else {
		$no="";
	}
	$html=$html.'<div class="card item list-item list-overlay-content m-0">
	<div class="media media-21x9">
	<a class="media-content" href="'.$ji->permalink.'" style="background-image:url('.$ji->fields->img.')" >
	<span class="overlay"></span>
	</a>
	</div>
	</div>';
}
echo $html;
?>
                    </div>
					<!--全屏e-->
        </div>
    </div>

独行剑侠

这个问题难道无解呢？求大神关注~