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>