如何在flexslider中實現圖像映射？

我正在使用flexslider。這是很容易實現和定製。如何在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>

來源

2013-10-04 Riffaz Starr

@VijetaShetty感謝您的關注。我找到了方法。檢查我編輯的答案。 –

我已經找到了答案。以下方法正在工作

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

來源

2013-12-11 04:39:04

如何在flexslider中實現圖像映射？

回答

相關問題