ZBLOG發(fā)布文章輪播圖

<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="http://www.0772pay.com/zb_users/upload/2025/03/202503241742801977914663.webp" alt="圖片1"/>
        </div>
        <div class="swiper-slide" style="text-align: center;">
            <img src="http://www.0772pay.com/zb_users/upload/2025/03/202503241742797965174795.webp" alt="圖片2"/>
        </div>
    </div><!-- 添加分頁(yè)器 -->
    <div class="swiper-pagination"></div><!-- 添加導(dǎo)航按鈕 -->
    <div class="swiper-button-next"></div>
    <div class="swiper-button-prev"></div>
</div>
<script>var swiper = new Swiper('.swiper-container', {
        loop: true, // 循環(huán)播放
        pagination: {
            el: '.swiper-pagination', // 分頁(yè)器
            clickable: true,
        },
		navigation: {
            nextEl: '.swiper-button-next', // 下一張按鈕
            prevEl: '.swiper-button-prev', // 上一張按鈕
        },
    });
</script>