bxSlider使用编号的寻呼机

Question

我有这个滑块工作正常。我需要将寻呼机更改为第二张图像上的编号。

由以下代码呈现

$('#dinner-slider').bxSlider({
    pager: true,
    auto: true,
    minSlides: 3,
    maxSlides: 3,
    slideWidth: 500,
    slideMargin: 10,
    control: false
});

html看起来像这样（我使用holder.js作为占位符图片）

<ul id="dinner-slider">
    <li><img src="holder.js/100px200?auto=yes&textmode=exact&random=yes&outline=yes" /></li>
    <li><img src="holder.js/100px200?auto=yes&textmode=exact&random=yes&outline=yes" /></li>
    <li><img src="holder.js/100px200?auto=yes&textmode=exact&random=yes&outline=yes" /></li>
    <li><img src="holder.js/100px200?auto=yes&textmode=exact&random=yes&outline=yes" /></li>
    <li><img src="holder.js/100px200?auto=yes&textmode=exact&random=yes&outline=yes" /></li>
    <li><img src="holder.js/100px200?auto=yes&textmode=exact&random=yes&outline=yes" /></li>
</ul>

我希望它看起来像这样

感谢任何帮助。 提前谢谢。

Answer 1

请参阅： http://bxslider.com/examples/thumbnail-pager-1 http://bxslider.com/examples/custom-next-prev-selectors

{{1}}