相信大家比较心细的可以发现，我上一篇文章的背景与设计出具的是不同的，设计要求切换时背景图片要和文章展示的图片是一致的，那我们怎么实现呢，请看一下swiper的介绍。
实现思路无非两种监听点击切换和滑动切换，当这两种动作被触发时，改变背景图片。
而另一种就是本片所示的方法，我们直接监听索引值变化本身，方法如下图。
在swiper的方法中有这样一个方法，slidechane，当索引改变就会触发，可以用this.realIndex来获取loop循环状态下的索引值（如果没有开启loop循环，索引值是this.activeIndex），然后我们根据索引来实现背景变换就无比简单了，这里说一下我的思路。
利用定位把背景图片防到swiper下，然后获得索引值后利用js改变背景图片的style。
最后，贴一下效果。
上一篇： swiper点击标题切换
