我有一个列表,列表中的每个项目都包含一张图片和一张地图
<ul class="slides">
<li>
<img src="slide1.jpg" />
<map id="map-one"></map>
</li>
<li>
<img src="slide2.jpg" />
<map id="map-two"></map>
</li>
<li>
<img src="slide3.jpg" />
<map id="map-thre"></map>
</li>
要在img标签上使用地图,我是否应该添加属性usemap,例如在列表的第一个元素中
<li>
<img src="slide1.jpg" usemap="#map-one" />
<map id="map-one"></map>
</li>
要获取地图的ID,我已使用JQuery完成了以下操作
var $mapid;
$('.slides li map').each(function(i, elem) {
var $this = $(this);
$mapid = $this.attr('id');
});
使用
console.log($mapid);
结果如下
但是现在我不知道为每个图像分配usemap属性,并且此属性的值是要用于坐标的地图的ID。
像这样
<ul class="slides">
<li>
<img src="slide1.jpg" usemap="#map-one" />
<map id="map-one"></map>
</li>
<li>
<img src="slide2.jpg" usemap="#map-two" />
<map id="map-two"></map>
</li>
<li>
<img src="slide3.jpg" usemap="#map-thre" />
<map id="map-thre"></map>
</li>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句