0
嗨即时通讯工作在一个网站上,每个图像上映射图像的图像滑块功能。它工作正常,但在移动版本上搞砸了。林想知道是否有任何方式来创建一个新的图像映射,当在手机上查看,甚至禁用图像映射。继承人我的HTML下面。 ive尝试使用显示:没有在@media仅屏幕部分的CSS,它没有工作。 ive也使用了mattstows响应式图像地图插件,也没有工作。任何帮助都感激不尽!!如何禁用移动设备上的滑块上的图像映射
<div class="rslides_container">
<ul class="rslides" id="slider">
<li><img src="images/1.png" usemap="#map1"/>
<map name="map1">
<area shape="rect" coords="10,49,454,323" href="" title="" />
<area shape="rect" coords="509,48,960,322" href="" title=""/>
<area shape="rect" coords="298, 335, 433, 359" href="" title=""/>
<area shape="rect" coords="803, 333, 938, 356" href="" title=""/>
</map>
</li>
<li><img src="images/2.png" usemap="#map1"/>
<map name="map1">
<area shape="rect" coords="10,49,454,323" href="" title="" />
<area shape="rect" coords="509,48,960,322" href="" title=""/>
<area shape="rect" coords="298, 335, 433, 359" href="" title=""/>
<area shape="rect" coords="803, 333, 938, 356" href="" title=""/>
</map>
</li>
<li><img src="images/3.png" usemap="#map1"/>
<map name="map1">
<area shape="rect" coords="10,49,454,323" href="" title="" />
<area shape="rect" coords="509,48,960,322" href="" title=""/>
<area shape="rect" coords="298, 335, 433, 359" href="" title=""/>
<area shape="rect" coords="803, 333, 938, 356" href="" title=""/>
</map>
</li>
</ul>
</div>
我的CSS:如果用户使用移动浏览器和
.rslides {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
}
.rslides li {
position: absolute;
display: none;
width: 100%;
left: 0;
top: 0;
}
.rslides li:first-child {
position: relative;
display: block;
float: left;
}
.rslides img {
display: block;
height: auto;
float: left;
width: 100%;
border: 0;
}
.rslides {
margin: 0 auto;
}
.rslides_container {
position: relative;
}
您好,感谢您的回复!我在哪里粘贴此代码?我需要添加脚本标记 –
我将它添加到脚本标记的页面,它的工作原理!图像地图被删除!谢谢! –