Как реализовать карту изображений в FlexSlider?

Question

Я использую flexslider. Это очень легко реализовать и настроить.

Теперь каждый мой слайд - это ссылка. есть ли способ поставить ссылки на один слайд?

это нужно перенаправить на страницу PAGE1, когда щелкните левой стороны изображения и перенаправить на страницу PAGE2, когда щелкните правой стороны.

Спасибо заранее дорогие старшие...

Я нашел ответ. Следующий метод работает

<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>

Answer 1

Я нашел ответ. Следующий метод работает

<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>