最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

javascript - BxSlider Custom Pager - Stack Overflow

programmeradmin9浏览0评论

I wish to use a content slider in an application. I shortlisted the BxSlider. Kindly suggest the way to implement a custom pager as displayed in screenshot

I am referring the BxSlider API.

Screenshot for the desired solution

Please help!!

I wish to use a content slider in an application. I shortlisted the BxSlider. Kindly suggest the way to implement a custom pager as displayed in screenshot

I am referring the BxSlider API.

Screenshot for the desired solution

Please help!!

Share Improve this question edited Oct 19, 2011 at 12:13 vedvrat13 asked Oct 19, 2011 at 12:06 vedvrat13vedvrat13 4662 gold badges8 silver badges15 bronze badges
Add a ment  | 

1 Answer 1

Reset to default 6

This got resolved. Have updated the style as follows:

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;
}

I am providing this answer so that it might help someone who is looking to have a custom BxSlider Pager. Thanks!!

发布评论

评论列表(0)

  1. 暂无评论