请帮我。谢谢。这是我的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'
});

最佳答案

您必须更改JS代码。

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

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


并将其更改为此:

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

关于html - 我可以在bxslider中将map标记用作构建寻呼机吗?我想使用 map 标签进行分页,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/18654794/

10-14 12:59
查看更多