博达网站群全媒体v2博达网站群网站建设制作中首页大图banner轮换焦点图轮换代码
范例1:
<div class="slider-active" style="background-color: #f0fdff">
<#list list_images?chunk(colSize) as list_chunk>
<#list list_chunk as image>
<#if image.linkUrl!=''>
<div class="single-slider slider-bg d-flex align-items-center">
<div class="container11">
<div class="row justify-content-center align-items-center">
<div class="col-lg-12 col-md-12">
<div class="img-main" data-animation="fadeInLeft" data-delay=".2s">
<div style="background:url(${image.picUrl}) no-repeat center; background-size:cover;width: 1920px; height: 740px;margin: 0; padding: 0; border: 0;"></div>
</div>
</div>
</div>
</div>
</div>
<#else>
</#if>
</#list>
</#list>
</div>
范例2:
<div class="rs-carousel owl-carousel" data-loop="true" data-items="1" data-margin="0" data-autoplay="true" data-hoverpause="true" data-autoplay-timeout="5000" data-smart-speed="800" data-dots="false" data-nav="false" data-nav-speed="false" data-center-mode="false" data-mobile-device="1" data-mobile-device-nav="false" data-mobile-device-dots="false" data-ipad-device="1" data-ipad-device-nav="false" data-ipad-device-dots="false" data-ipad-device2="1" data-ipad-device-nav2="true" data-ipad-device-dots2="false" data-md-device="1" data-md-device-nav="true" data-md-device-dots="false">
<#list list_images?chunk(colSize) as list_chunk>
<#list list_chunk as image>
<#if image.linkUrl!=''>
<div class="slider-content" style="background-size: cover;background-position: center;background-repeat: no-repeat;background: url(${image.picUrl});min-height: 835px;background-size: cover;
background-position: center top;width: 100%;height: 100%;">
<a href="${image.linkUrl}" target="_blank">
<div class="container">
<div class="sl-sub-title white-color wow bounceInLeft" data-wow-delay="300ms" data-wow-duration="2000ms"></div>
<h1 class="sl-title white-color wow fadeInRight" data-wow-delay="600ms" data-wow-duration="2000ms"></h1>
<div class="sl-btn wow fadeInUp" data-wow-delay="900ms" data-wow-duration="2000ms">
<a class="readon2 banner-style" href="${image.linkUrl}"><span style="font-size:25px;">详细内容</span></a>
</div>
</div>
</a>
</div>
<#else>
</#if>
</#list>
</#list>
</div>
范例3:
