在bxSlider选项中使用图像usemap？

Question

我使用bxSlider滚动横幅，

我想使用usemap将区域链接移动到要滚动的图像，但是我不能移动它。

我有什么要给你的吗？

<script type="text/javascript">
//visual
visual = {
	'init' : function(){
		this.action();
	},
	'action' : function(){
		var $ele = {
			'roll' : $('.visual .roll'),
		}
		var rolling = function(){
			$ele.roll.bxSlider({
				'mode' : 'fade',
				'auto' : true,
				'controls' : false,
				'useCSS' : false,
				'easing' : VARS.ani.easing,
				'speed' : VARS.ani.speed
			});
		}
		rolling();
	}
}
visual.init();
</script>

<div class="visual">
   <ul class="roll">
	<li>
 	   <img src="https://i.ytimg.com/vi/BTB9yqiwk3U/maxresdefault.jpg" usemap="#Map01"> 
 	    <map name="Map01" id="Map01">
 	        <area shape="rect" coords="310,295,527,341" href="home.jsp"> 
            </map> 
       </li>
</ul>
</div>