Bxslider удаляет точки из пейджера и заменяет их цифрами вроде 1 из 4 со следующими ссылками:

Question

Приветствую вас, я почти закончил со всеми настройками, которые мне нужны, что означает, что у меня есть общее количество слайдеров и текущего слайда, но Мне нужно, чтобы они были размещены точно в центре, где теперь запущены пули (точки в пейджере). Мне нужны следующие и предыдущие ссылки, пожалуйста, обратитесь к приведенному ниже рисунку. Там вы можете увидеть мой Fiddle.

Как вы можете видеть в скрипке, у меня есть номер в форме, как я хочу, как 1 из 4, но мне нужно, чтобы эти числа заменяли точки, см. Изображение и Скриншот ниже. Для получения дополнительной информации, пожалуйста, оставьте комментарий. ]

[1]: http://jsfiddle.net/h4wochdk/ 

Answer 1

Вам нужно настроить весь BX-пейджера хорошо вопрос в том, кажется, что только, хотя, я играл с скрипкой и это то, что я придумал Working Demo. Вы можете изменить следующие/предыдущие изображения, перезаписав следующие стили.

.bx-wrapper .bx-next { 
    background: url(../your_path_to_next_icon.png) no-repeat 18px 5px; 
} 
.bx-wrapper .bx-prev { 
    background-position: url(../path_to_prev_icon.png) no-repeat 0 5px; 
} 

В стиле таких ДИВ вы должны скрыть пейджер-Диво itslef и настроить DIV точно под ползунком, а затем передать слайд-индекс и горки, так что будет 1 из 3, как вы сказали.

Вещи, которые я сделал это

1: Я извлекал во встроенном bxslider пейджера так мы избавимся от пуль и его дел.

2: Я разместил слайд-индекс и полные слайды внутри одного custome div, называемого слайд-счетчиком.

3: Затем некоторые кнопки для перехода к следующей/предыдущей кнопкам, чтобы получить то место, где вам нужно.

Попробуйте со скрипкой. Всего наилучшего.