REsulta que tengo este código
Código:
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. 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";
También he creado un switch para cada resolución de pantalla (
Código:
, pero por alguna razón no las pilla 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;)
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
