我的地图无法正常工作
[英]My Map Isnt working
问题描述
我的区域/地图无法正常工作。 请帮忙。 我已经尝试了很多次故障排除，但是没有任何反应。
我不太擅长图像地图，因此将不胜感激。 提前谢谢了！！
这是代码：
<html>
<head>
<title>Plexmote</title>
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="apple-touch-startup-image" href="load.jpg">
<link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" href="load548.jpg">
<link rel="apple-touch-icon-precomposed" href="icon.png">
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
var volume = 50;
$("area").click(function() {
if (this.id.indexOf("volume") === 0) {
if (this.id == "volumeUp") {
if (volume < 100) {volume += 10;}
} else if (this.id == "volumeDown") {
if (volume > 0) {volume -= 10;}
}
jQuery(this).attr("cmd","application/setVolume?level=" + volume);
}
var server = $("#server").val();
var client = $("#client").val();
var baseUrl = "http://" + server + ":32400/system/players/" + client + "/";
var command = jQuery(this).attr('cmd');
$.get(baseUrl + command).error(function() {
alert('Plex is not responding, troubleshooting tips:\n1) Veify server and client addresses\n2) Check network connectivity\n3) Reboot Plex Home Theater\n4) Reboot Plex Media Server');
});
});
});
</script>
</head>
<body>
<div id="serverinfo" style="display:none;position:absolute;top:0px;left:0px;width:100%;height:100%;background-color:RGB(0,0,0);">
<center>
<form>
<input id="server" type="text" placeholder="Server IP"><br />
<input id="client" type="text" placeholder="Client IP">
</form>
<button onClick="$( '#serverinfo' ).fadeToggle('fast');">Close</button>
</center>
</div>
<img src="interface.png" usemap="#buttonmap" style="position: absolute; top:0px; left:0px;z-index:-1;">
<map name='buttonmap' id="buttonmap">
<area title="server" onClick="$( '#serverinf0' ).fadeToggle('fast');" shape="rect" coords="138,7,182,48">
<area title="back" cmd="navigation/back" shape="rect" coords="94,55,138,96">
<area title="up" cmd="navigation/moveUp" shape="rect" coords="140,57,184,98">
<area title="menu" cmd="navigation/contextMenu" shape="rect" coords="187,57,231,98">
<area title="left" cmd="navigation/moveLeft" shape="rect" coords="94,102,138,143">
<area title="ok" cmd="navigation/select" shape="rect" coords="140,104,184,145">
<area title="right" cmd="navigation/moveRight" shape="rect" coords="188,103,232,144">
<area title="voldwn" cmd="navigation/setVolume?level=50" shape="rect" coords="95,147,139,188">
<area title="down" cmd="navigation/moveDown" shape="rect" coords="142,148,186,189">
<area title="volup" cmd="navigation/setVolume?level=50" shape="rect" coords="186,147,230,188">
<area title="rew" cmd="playback/stepBack" shape="rect" coords="48,320,120,370">
<area title="play" cmd="playback/play" shape="rect" coords="124,319,196,369">
<area title="fwd" cmd="playback/stepForward" shape="rect" coords="200,320,272,370">
<area title="rewlg" cmd="playback/bigStepBack" shape="rect" coords="49,374,121,424">
<area title="stop" cmd="playback/stop" shape="rect" coords="124,371.7272644042969,196,421.7272644042969">
<area title="fwdlg" cmd="playback/bigStepForward" shape="rect" coords="200,370.7272644042969,272,420.7272644042969">
</map>
</body>
</html>
2 个解决方案
解决方案1
0 2014-11-19 01:30:30
我对地图也不太满意，但是可能在您说shape="rect" coords="95,147,139,188"地方，以及在其他地方设置了4个以上的坐标的情况下，给定了矩形或矩形仅应具有4个坐标的事实。 那是我最好的猜测。 尝试使用类似于shape="poly"
解决方案2
0 2014-11-19 18:34:33
去除x-layer:-1; 以图像的样式。 如果图像需要低于“ #serverinfo”，则在其中将样式设置为z-index:1;
我的按钮不起作用
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.