zc100/template/pc/components/banner/style_5.htm

<?php
    $name = "banner-s-5";
?>
<link rel="stylesheet" href="/template/pc/components/banner/style_5.css"   media="all">

<!--引入swiper-->
<link rel="stylesheet" href="https://oss.zc10000.com/static/js/swiper/swiper-bundle.min.css">

<!--定义div盒子-->
<div class="<?php echo $name; ?>-content">
    <div class="box">
        <!--定义内容布局--->
        <div class="row">
            <!--定义内部栅格 上下中左右 使用浮动-->
            <div class="bottom">
                <!--定义内容标签 p span a li img--->
                <div class="swiper mySwiper-<?php echo $name; ?>">
                    <div class="swiper-wrapper">

                            <!--<div class="swiper-slide">
                                <img src="https://www.wetools.com/imgplaceholder/1050x300" />
                              <a href="">建筑职称</a>
                               <a href='{$field.links}'>></a>
                            </div>-->

                        {eyou:adv pid='16' loop='3'}
                        <div class="swiper-slide"><a href='{$field.links}' style="position: static;height: 100%;padding:0;margin:0;">
                           <img alt='{$field.title}' src='{$field.litpic}' style="width:100%;" /></a>
                        </div>
                        {/eyou:adv}


                    </div>
                    <div class="swiper-button-next"></div>
                    <div class="swiper-button-prev"></div>
                    <div class="swiper-pagination"></div>
                </div>
            </div>
        </div>
    </div>
</div>

<!--引入swiper-->
<script src="https://oss.zc10000.com/static/js/swiper/swiper-bundle.min.js"> </script>
<script>
    var swiper = new Swiper(".mySwiper-<?php echo $name; ?>", {
        slidesPerView: 1,
        //spaceBetween: 30,
        pagination: {
            el: ".swiper-pagination",
            clickable: true,
        },
        loop: true,
        loopFillGroupWithBlank: true,
        navigation: {
            nextEl: ".swiper-button-next",
            prevEl: ".swiper-button-prev",
        },
    });
</script>