独行剑侠 发表于 2021-7-23 17:26

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

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

如何用Owl Carousel 2实现幻灯片(一张前景,一张虚化背景)图片同步变化?


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


目前我的代码--前景部分Owl Carousel 2幻灯片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>


独行剑侠 发表于 2021-7-25 12:08

这个问题难道无解呢?求大神关注~{:1_923:}
页: [1]
查看完整版本: 求助!Owl Carousel 2如何实现同步切换