Foros del Web - Ver Mensaje Individual

alvaro0022 · #5 (**permalink**) 05/07/2014, 18:56

Clarooo!!!

Funciona de maravillas!!!!

Muchísimas gracias Alexis88, eres un genio!!!

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</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>
        <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> 
</body>
</html>

Aquí el código completo por si alguien quiere usarlo.

saludos!!