BxSlider Custom Pager

时间:2011-10-19 12:06:20

标签: javascript jquery html bxslider

我希望在应用程序中使用内容滑块。我入围了BxSlider。请建议实现屏幕截图中显示的自定义寻呼机的方法

我指的是BxSlider API。

所需解决方案的屏幕截图enter image description here

请帮助!!

1 个答案:

答案 0 :(得分:6)

这已经解决了。 更新了样式如下:

a.pager-active > div{
    background: url("/images/dot_filled.png") no-repeat scroll !important;
    display:inline;
    outline:none;
}

.bx-pager a > div{      
    display:inline;
    padding:2px;
    background: url("/images/dot_empty.png") no-repeat scroll;
    position:relative;
    top:10px;
    outline:none;
}

我提供这个答案,以便它可以帮助那些希望拥有自定义BxSlider寻呼机的人。 谢谢!