效果展示四:

代码示例

注意:此轮播图为全屏显示,图片要求宽度为1900px,为了保证更好的展示内容请把主要信息放置图片居中980px区域。

复制以下代码修改相应信息后添加到自定义区域即可实现全屏轮播图。

<div class="fullSlides">
  <div class="slidesFbox">
      <div class="slides" style="height:410px;"><!--根据图片的高度设置这里的height值-->
        <div style="background:url(图片路径) no-repeat top center"><a href="链接地址" target="_blank" class="f_S_Link"></a></div>
        <div style="background:url(图片路径) no-repeat top center"><a href="链接地址" target="_blank" class="f_S_Link"></a></div>
        <div style="background:url(图片路径) no-repeat top center"><a href="链接地址" target="_blank" class="f_S_Link"></a></div>
      </div>
  </div>
</div>