我可以在bxslider中使用map tag作为build pager吗？我想使用地图标签进行分页

Question

请帮帮我。谢谢。
这是我的HTML代码：

 <img id="method_pagination" src="http://www.image-maps.com/uploaded_files/9201309060150066_approach-retina-slider-clear2.png" usemap="#method_pagination" border="0" width="832" height="250" alt="" />
                <map id="_method_pagination" name="method_pagination">
                <area shape="poly" coords="0,9,113,40,114,201,0,232," href="#" alt="explore" title="explore"  class="explore" data-slide-index="0"/>
                </map>
                <ul class="slides">
                    <li>
                        <strong>Simplify</strong>
                        <p>
                            <!--content-->
                        </p>
                    </li>
                </ul>

Jquery代码：

$('.slides').bxSlider({
    pagerCustom: '#_method_pagination'
});

Answer 1

您必须更改JS代码。

打开bxslider.js并搜索以下行：

slider.pagerEl.delegate('a', 'click', clickPagerBind);

并将其更改为：

slider.pagerEl.delegate('area', 'click', clickPagerBind);