banner_change

功能描述

  1. 实现Banner切换时其背景（色）图片相应切换。

依赖的模块

  1. 无

快速使用

  1.     1.需要建2个swiper 1个是背景1个banner 以下是说明
  2.     <!-- Swiper-bgpic 背景对应的图片-->
  3.         <div class="swiper-container" id="bannerbgpic">
  4.             <div class="swiper-wrapper">
  5.                 <div class="swiper-slide"><img src="./image/default_headerbg.png" width="100%" /></div>
  6.                 <div class="swiper-slide"><img src="./image/headerbg1.png" width="100%" /></div>
  7.             </div>
  8.         </div>
  9.         <!-- Swiper-banner- banner对应图片->
  10.         <div class="swiper-container" id="bannerpic">
  11.             <div class="swiper-wrapper">
  12.                 <div class="swiper-slide"><img src="./image/default_banner.png" width="100%" /></div>
  13.                 <div class="swiper-slide"><img src="./image/banner1.png" width="100%" /></div>
  14.             </div>
  15.             <div class="swiper-pagination"></div>
  16.         </div>
  17.      2.初始化swiper

具体可以看示例

特别说明

swiper具体的参数和方法可参考官方