在很多网站中，首页都有一个轮播，这一次我们实现一个轮播中间带搜索框的轮播。

看一下要实现的轮播：

这是个很简单的轮播图，只有左右切换，指示器，搜索框，我们一步步的实现。

首先创建一个项目，

是web项目就行。

新增一个筛选器，放置轮播图。

我这里放两张轮播图，

这两张轮播图，我们把它放进项目文件。

我们再在编辑器打开这两个轮播图；

项目加载轮播工具支持库

可以在这里看一下轮播工具的方法和属性。

配置完成，第二篇博客开始代码。

下一篇：实现一个中间带搜索框的轮播（2）