Ver Mensaje Individual
  #1 (permalink)  
Antiguo 09/02/2016, 02:03
lamenenchu
 
Fecha de Ingreso: mayo-2015
Mensajes: 92
Antigüedad: 9 años
Puntos: 1
aplicar javascript según la resolución

Buenas a todos. A ver si alguien puede echarme una mano.

REsulta que tengo este código
Código:
var rp = document.createElement("img");
        rp.className = "semicircle";
        rp.id = "rp1";
        var le = r4.style.left.replace("px", "");
        var bo = r4.style.bottom.replace("px", "");
        //var to = r4.style.top.replace("px", "");
        rp.style.left = (le - 150) + "px";
        //rp.style.top = (to + 550) + "px";
        rp.style.bottom = "133.33px";

        rp.style.width = "21.000em";
        rp.style.height = "21.000em";
el cual, mediante una llamada javascript sobre una imagen que está en arco, me abre con mousover una imagen más grande en el centro. He adaptado la página y el arco para resolución 1920x1080, pero claro, ahora el cliente pide que se adapte a 1366x768, y ahí empiezan los problemas, pq los valores definidos en ese mismo script no me sirven.
También he creado un switch para cada resolución de pantalla (
Código:
 function Fuente() {
            var alto = screen.height;
            var ancho = screen.width;
            var tamaño = alto * ancho;
            var pad;
          
            var fuente;
            switch (tamaño) {
                case 2297877:
                    fuente = 16;
                    pad = "8.5em"
                    break;
                case 2073600:
                    fuente = 16;
                    pad = "5.5em";
                    break;)
, pero por alguna razón no las pilla
Me pregunto si es posible cargar una pagina js según sea una resolución u otra. Es decir crear diferentes js con los javascript adecuados y según sea una resolución u otra, meter la página correspondiente js. No se me ocurre otra manera de hacerlo. Alguien me puede ayudar?

Muchas gracias