Bxslider从寻呼机中删除点，并用下一个上一个链接

Question

朋友们，我几乎完成了我需要的所有自定义，这意味着我已经获得了滑块和当前幻灯片的总数，但是我需要将它们准确地放置在中心，其中子弹（寻呼机中的点）现在正在运行。我还需要next和prev链接，请参考下面的图片。在那里，您可以看到我的 Fiddle 。

正如你在小提琴中看到的那样，我在形式上得到了我想要的数字，如同4中的1，但是我需要这些数字来替换点，请看下面的图像和小提琴。有关详细信息，请发表评论。]

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

Answer 1

你需要自定义整个bx-pager这个问题似乎就是这样，我玩你的小提琴，这就是我提出的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;
 }

要设置此类div的样式，您必须隐藏pager-div itslef并在滑块下方自定义div，然后传递幻灯片索引和全部幻灯片，这样它就会像你说的那样成为3中的1。

我所做的事情是

1：我在内置的bxslider寻呼机中移除了所以我们将摆脱子弹及其div。

2：我将幻灯片索引和总幻灯片放在一个称为幻灯片计数器的客户div中。

3：然后一些css到next / prev按钮，然后在你需要的确切位置。

请尝试小提琴。一切顺利。