Пользовательский пейджер BxSlider

Question

Я хочу использовать слайдер контента в приложении. Я включил в список BxSlider. Пожалуйста, предложите способ реализовать пользовательский пейджер, как показано на скриншоте

Я имею в виду API BxSlider.

Скриншот для желаемого решения

Пожалуйста помоги!!

Answer 1

Это было решено. Обновили стиль следующим образом:

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. Спасибо!!