图片切换指示器
图片切换指示器是这个插件中最不能缺少的功能，它甚至可以取代切换控制器。
无论是图片自动切换，还是手动切换，切换指示器给用户提供了最直接的信息反馈。
和切换控制器一样，我们也是投入了很多精力在切换指示器上面，我们考虑了很多种现实需求，所以，我们的切换指示器最终才拥有这些实用的功能：指示器的内置与外置、水平方向的位置设置、背景色和高度设置、多种内嵌界面的选择 等等。
设置图片切换指示器
下面是设置切换指示器的相关参数：
| 参数名称 | 默认值 | 数据类型 | 描述 |
|---|---|---|---|
| navbar | true | Boolean | 切换指示器 是否显示，默认显示 |
| navbarPosX | right | String | 切换指示器 水平方向位置：left（左下角）| center（中间）| right（右下角） |
| navbarHeight | 30 | Int | 切换指示器 高度 |
| navbarColor | "" | String | 切换指示器 背景颜色 |
| navbarStyle | img01 | String | 切换指示器 样式，我们设计了两大类：模拟图片类、数字类 图片类：img01、img02、img03、img04 数字类：num01、num02、num03 |
| navbarOuter | false | Boolean | 切换指示器 位置：true（外置）| false（内置） |
我们制作了几个 demo 帮助开发者了解图片切换指示器（提示，demo 的 HTML 请参照简单案例）。
1. 水平居中的图片切换指示器
js code
$(document).ready(function(){
$(".demo1").hhscroll({
width:,height:,
navbarHeight:40,
navbarColor:"rgba(0,0,0,0.3)",
navbarPosX:"center"
});
});
2. 外置的图片切换指示器
js code
$(document).ready(function(){
$(".demo2").hhscroll({width:,height:,navbarOuter:true,navbarPosX:"center"});
});
3. 图片切换指示器的仿图形界面
js code
$(document).ready(function(){
$(".img01").hhscroll({width:,height:,navbarStyle:"img01"});
$(".img02").hhscroll({width:,height:,navbarStyle:"img02"});
$(".img03").hhscroll({width:,height:,navbarStyle:"img03"});
$(".img04").hhscroll({width:,height:,navbarStyle:"img04"});
});
4. 图片切换指示器的数字界面
js code
$(document).ready(function(){
$(".num01").hhscroll({width:,height:,navbarStyle:"num01"});
$(".num02").hhscroll({width:,height:,navbarStyle:"num02"});
$(".num03").hhscroll({width:,height:,navbarStyle:"num03"});
});