Gracias por tu respuesta Alexis88
Estuve probando lo que me indicaste, pero al no saber mucho, no pude hacerlo funcionar, aquí lo que hice.
Código:
<html>
<head>
<script language="Javascript">
function foo(id){
var imagen = document.getElementById(id),
ancho = imagen.offsetWidth,
alto = imagen.offsetHeight;
if (ancho == 1024 && alto == 768){
div = document.getElementById('texto1');
div.style.display = 'block';
}
else if (ancho == 1920 && alto == 1080){
div = document.getElementById('texto2');
div.style.display = 'block';
}
else{ //Otras medidas
//Instrucciones
}
}
foo("ejemplo");
</script>
</head>
<body>
<img src = "imagen1024x768.jpg" id = "ejemplo" />
<div id="texto1" style="display:none;">CONTENIDO A OCULTAR/MOSTRAR</div>
<div id="texto2" style="display:none;">ddddddddd</div>
</body>
</html>
No se si estoy en lo correcto o totalmente equivocado!