效果代码：
代码放入后台-模块管理-自定义
<div id="home-row-pchd01" class=" mobile-hidden home_row home_row_0 module-sliders " style="background-color:;">
<div class="wrapper">
<div class="home-row-left content-area ">
<div class="slider-5 slider-5-pchd01 slider-show-title" style="width:1300px;max-width:100%">
<style>
.slider-5-pchd01 .slider-5-bottom .slider-in:nth-child(1),.slider-5-pchd01 .slider-5-bottom .slider-in:nth-child(2){
margin-bottom:16px;
}
.slider-5-pchd01 .slider-5-bottom .slider-height{
margin-right:16px;
}
.slider-5-pchd01 .slider-5-bottom{
margin-right:-16px;
}
</style>
<div class="slider-in-out" style="width:40%;margin-right:16px;">
<div class="slider-in-out-row" style="height:100%;width:100%;">
<div class="slider-in carousel b2-radius box" data-flickity='{"wrapAround":true,"fullscreen":true,"autoPlay":4000,"imagesLoaded":true,"prevNextButtons":false,"pageDots":true}' style="width:100%">
<div class="slider-5-carousel slider-height" style="max-width:100%;height:100%">
<div class="slider-info b2-radius">
<a class="link-block" href="#"></a>
<picture class="picture">
<source type="image/webp" srcset="/img/000502-163474590227b0.jpg" /><img class="slider-img b2-radius lazy" data-src="/img/000502-163474590227b0.jpg" alt="" src="/img/000502-163474590227b0.jpg" />
</picture>
<div class="slider-info-box">
<h2></h2>
</div>
</div>
</div>
<div class="slider-5-carousel slider-height" style="max-width:100%;height:100%">
<div class="slider-info b2-radius">
<a class="link-block" href="#"></a>
<picture class="picture">
<source type="image/webp" srcset="/img/000621-1653062781f91a.jpg" /><img class="slider-img b2-radius lazy" data-src="/img/000621-1653062781f91a.jpg" alt="" src="/img/000621-1653062781f91a.jpg" />
</picture>
<div class="slider-info-box">
<h2></h2>
</div>
</div>
</div>
<div class="slider-5-carousel slider-height" style="max-width:100%;height:100%">
<div class="slider-info b2-radius">
<a class="link-block" href="#"></a>
<picture class="picture">
<source type="image/webp" srcset="/img/000959-1646928599ff3e.jpg" /><img class="slider-img b2-radius lazy" data-src="/img/000959-1646928599ff3e.jpg" alt="" src="/img/000959-1646928599ff3e.jpg" />
</picture>
<div class="slider-info-box">
<h2></h2>
</div>
</div>
</div>
<div class="slider-5-carousel slider-height" style="max-width:100%;height:100%">
<div class="slider-info b2-radius">
<a class="link-block" href="#"></a>
<picture class="picture">
<source type="image/webp" srcset="/img/003313-1656520393f521.jpg" /><img class="slider-img b2-radius lazy" data-src="/img/003313-1656520393f521.jpg" alt="" src="/img/003313-1656520393f521.jpg" />
</picture>
<div class="slider-info-box">
<h2></h2>
</div>
</div>
</div>
<div class="slider-5-carousel slider-height" style="max-width:100%;height:100%">
<div class="slider-info b2-radius">
<a class="link-block" href="#"></a>
<picture class="picture">
<source type="image/webp" srcset="/img/005035-16563486356f3b.jpg" /><img class="slider-img b2-radius lazy" data-src="/img/005035-16563486356f3b.jpg" alt="" src="/img/005035-16563486356f3b.jpg" />
</picture>
<div class="slider-info-box">
<h2></h2>
</div>
</div>
</div>
<div class="slider-5-carousel slider-height" style="max-width:100%;height:100%">
<div class="slider-info b2-radius">
<a class="link-block" href="#"></a>
<picture class="picture">
<source type="image/webp" srcset="/img/191616-16539093763995.jpg" /><img class="slider-img b2-radius lazy" data-src="/img/191616-16539093763995.jpg" alt="" src="/img/191616-16539093763995.jpg" />
</picture>
<div class="slider-info-box">
<h2></h2>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="slider-5-bottom" style="width:60%">
<div class="slider-in b2-radius">
<div class="slider-5-right-item slider-height" style="height:0;padding-top:44.871795%">
<div class="slider-info b2-radius box">
<a class="link-block" href="#"></a>
<picture class="picture">
<source type="image/webp" srcset="/img/192318-16539097980909.jpg" /><img class="slider-img b2-radius lazy" data-src="/img/192318-16539097980909.jpg" alt="" src="/img/192318-16539097980909.jpg" />
</picture>
<div class="slider-info-box">
<h2></h2>
</div>
</div>
</div>
</div>
<div class="slider-in b2-radius">
<div class="slider-5-right-item slider-height" style="height:0;padding-top:44.871795%">
<div class="slider-info b2-radius box">
<a class="link-block" href="#"></a>
<picture class="picture">
<source type="image/webp" srcset="/img/194126-163058288634e8.jpg" /><img class="slider-img b2-radius lazy" data-src="/img/194126-163058288634e8.jpg" alt="" src="/img/194126-163058288634e8.jpg" />
</picture>
<div class="slider-info-box">
<h2></h2>
</div>
</div>
</div>
</div>
<div class="slider-in b2-radius">
<div class="slider-5-right-item slider-height" style="height:0;padding-top:44.871795%">
<div class="slider-info b2-radius box">
<a class="link-block" href="#"></a>
<picture class="picture">
<source type="image/webp" srcset="/img/230659-16152160192faf.jpg" /><img class="slider-img b2-radius lazy" data-src="/img/230659-16152160192faf.jpg" alt="" src="/img/230659-16152160192faf.jpg" />
</picture>
<div class="slider-info-box">
<h2></h2>
</div>
</div>
</div>
</div>
<div class="slider-in b2-radius">
<div class="slider-5-right-item slider-height" style="height:0;padding-top:44.871795%">
<div class="slider-info b2-radius box">
<a class="link-block" href="#"></a>
<picture class="picture">
<source type="image/webp" srcset="/img/230930-1604502570e6f5.jpg" /><img class="slider-img b2-radius lazy" data-src="/img/230930-1604502570e6f5.jpg" alt="" src="/img/230930-1604502570e6f5.jpg" />
</picture>
<div class="slider-info-box">
<h2></h2>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
温馨提示：
文章链接：https://www.jitheme.com/7475.html
更新时间：2024年12月30日
1.本站大部分内容均收集于网络!若内容若侵犯到您的权益，请发送邮件至：service@jitheme.com，我们将第一时间处理！
2.资源所需价格并非资源售卖价格，是收集、整理、编辑详情以及本站运营的适当补贴，并且本站不提供任何免费技术支持。
3.所有资源仅限于参考和学习，版权归原作者所有，更多请阅读极(子)主题网络服务协议。
