Hyperlink 如何在flexslider中实现图像映射？

我正在使用flexslider。 它很容易实现和定制

现在，我的每张幻灯片都是一个链接。 有没有办法把链接放在一张幻灯片上

单击图像左侧时需要重定向到第1页，单击右侧时必须重定向到第2页

提前感谢亲爱的长者们

---

我找到了答案。 以下方法正在运行

<div class="flexslider">
            <ul class="slides">
              <!-- slide1 -->
                <li>
                    <img src="images/slider/2.jpg" alt="" usemap="#map2" />
                    <map name="map2">
                        <area shape="rect" coords="494,2,961,745" href="http://www.john-anthony.com/mens/jeans/" alt=""/>
                        <area shape="rect" coords="0,4,482,749" href="http://www.john-anthony.com/vivienne-westwood/blazer-jackets/burgundy/jacket-waistcoat-check/vw024-a13-bur/" alt=""/>
                    </map>

                </li>
            </ul>
</div>

<div class="flexslider">
            <ul class="slides">
              <!-- slide1 -->
                <li>
                    <img src="images/slider/2.jpg" alt="" usemap="#map2" />
                    <map name="map2">
                        <area shape="rect" coords="494,2,961,745" href="http://www.john-anthony.com/mens/jeans/" alt=""/>
                        <area shape="rect" coords="0,4,482,749" href="http://www.john-anthony.com/vivienne-westwood/blazer-jackets/burgundy/jacket-waistcoat-check/vw024-a13-bur/" alt=""/>
                    </map>

                </li>
            </ul>
</div>

我已经找到了答案。以下方法有效

<div class="flexslider">
            <ul class="slides">
              <!-- slide1 -->
                <li>
                    <img src="images/slider/2.jpg" alt="" usemap="#map2" />
                    <map name="map2">
                        <area shape="rect" coords="494,2,961,745" href="http://www.john-anthony.com/mens/jeans/" alt=""/>
                        <area shape="rect" coords="0,4,482,749" href="http://www.john-anthony.com/vivienne-westwood/blazer-jackets/burgundy/jacket-waistcoat-check/vw024-a13-bur/" alt=""/>
                    </map>

                </li>
            </ul>
</div>

<div class="flexslider">
            <ul class="slides">
              <!-- slide1 -->
                <li>
                    <img src="images/slider/2.jpg" alt="" usemap="#map2" />
                    <map name="map2">
                        <area shape="rect" coords="494,2,961,745" href="http://www.john-anthony.com/mens/jeans/" alt=""/>
                        <area shape="rect" coords="0,4,482,749" href="http://www.john-anthony.com/vivienne-westwood/blazer-jackets/burgundy/jacket-waistcoat-check/vw024-a13-bur/" alt=""/>
                    </map>

                </li>
            </ul>
</div>

@VijetaShetty感谢您的关注。我找到路了。检查我编辑的答案。