无论是Web网页端还是移动端，有一个我们超高频率使用到的功能，那就是图片滑动，我们称之为 Slider。在 Ionic 中，有个自带的 ion-slide-box 可以供我们使用，不过它使用的形式有限，或者说过于简单，不能完全满足我们对页面的操作设计。
为此，我们往往需要用到第三方的 JS 库，这里我们挑选的是一个体积非常小的、十分适合在移动页面使用的 JS 插件，它就是 Swiper,js。Swiper.js 除了有支持 Jquery 库的版本，也有一个支持原生 JavaScript 的版本，也就是说不用依赖其他 JS 库来使用。具体更多功能可以到官网查看：http://www.swiper.com.cn/
接下来说说如何在 Ionic 里使用 Swiper.js：
首先，把下载的 Swiper.js 放到 Ionic 的项目里并加载到页面；
接着就是编写 Html、JS 代码，与使用其他插件类似就可以了。
以下是简单的使用例子：
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">slider1</div>
<div class="swiper-slide">slider2</div>
<div class="swiper-slide">slider3</div>
</div>
</div><script>
var mySwiper = new Swiper('.swiper-container', {
autoplay: 5000,//可选选项，自动滑动
})
</script>这里要注意的是：javascript 代码不能放在 templateUrl 对应的 html 文件里，这样会导致无法使用，可以放在 index.html里，也可以放在 controller 里，这里推荐使用第二种。