Necesito mostrar determinado contenido según resolución de imagen
Por ejemplo si la resolución de una imagen es de 1280x1024 mostrar determinado contenido (div o tabla), si la resolución de la imagen es 1920x1080 mostrar otro contenido (div o tabla).
Encontré esto en el foro, pero el problema que en este ejemplo se debe seleccionar lo que se quiere ver, yo necesito que sea automático según un parámetro, ya sea la resolución e una imagen o un texto.
Código:
<html>
<head>
<script language="Javascript">
function aparecer(id) {
var d = document.getElementById(id);
d.style.display = "block";
d.style.visibility = "visible";
}
function ocultar(id) {
var d = document.getElementById(id);
d.style.display = "none";
d.style.visibility = "hidden";
}
window.onload = function () {
//Al cargar la página se oculta el div de consulta
ocultar("capaConsultar");
}
</script>
</head>
<body>
<table>
<tr>
<td scope="col">
<div align="center">
<a href="#capaIngreso" onClick="ocultar('capaConsultar');aparecer('capaIngreso');">Ingreso</a> -
<a href="#capaConsultar" onClick="ocultar('capaIngreso');aparecer('capaConsultar');">Consulta</a> -
</div>
</td>
</tr>
</table>
<div id="capaIngreso" style="position:absolute;text-align:center;top:100px;left:200px;border:solid 1px red;">Primer Cuadrado Ingresar</div>
<div id="capaConsultar" style="position:absolute;text-align:center;top:100px;left:200px;border:solid 1px red;">Primer Cuadrado Consultar</div>
</body>
</html>
Alguna idea!!