<div class="swiper-container banner" id="banner">
    <div class="swiper-wrapper">
        @foreach(var item in Html.AttachmentDataList(new { ParentTable = "pa_site", ParentField = "images", ParentId = Html.CurrentSiteId() }))
        {
        <div class="swiper-slide"><img src="@item.Path"></div>
        }
    </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>

            <!-- 如果需要导航按钮 -->
            <div class="swiper-button-prev swiper-button-white"></div>
            <div class="swiper-button-next swiper-button-white"></div>
            <!-- 如果需要滚动条 -->
            <div class="swiper-scrollbar"></div>
 </div>
<script>
    var mySwiper = new Swiper('#banner', {
    //direction: 'vertical', // 垂直切换选项
        loop: true, // 循环模式选项
        effect: 'slide',

    // 如果需要分页器
    pagination: {
        el: '.swiper-pagination',
        clickable: true,
    },

    // 如果需要前进后退按钮
    navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev',
    },

    // 如果需要滚动条
    scrollbar: {
      el: '.swiper-scrollbar',
    },
  })
</script>
