ZBLOG发布文章轮播图

<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css"/>
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
<div class="swiper-container" style="overflow:hidden;position:relative;">
    <div class="swiper-wrapper">
        <div class="swiper-slide" style="text-align: center;">
            <img src="https://chengyelawyer.com/zb_users/upload/2025/03/202503241742801977914663.webp" alt="图片1"/>
        </div>
        <div class="swiper-slide" style="text-align: center;">
            <img src="https://chengyelawyer.com/zb_users/upload/2025/03/202503241742797965174795.webp" alt="图片2"/>
        </div>
    </div><!-- 添加分页器 -->
    <div class="swiper-pagination"></div><!-- 添加导航按钮 -->
    <div class="swiper-button-next"></div>
    <div class="swiper-button-prev"></div>
</div>
<script>var swiper = new Swiper('.swiper-container', {
        loop: true, // 循环播放
        pagination: {
            el: '.swiper-pagination', // 分页器
            clickable: true,
        },
		navigation: {
            nextEl: '.swiper-button-next', // 下一张按钮
            prevEl: '.swiper-button-prev', // 上一张按钮
        },
    });
</script>