Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Если фото маленькое то лупа увеличивает, но если фото большое тогда уменьшает (https://javascript.ru/forum/misc/77790-esli-foto-malenkoe-lupa-uvelichivaet-no-esli-foto-bolshoe-togda-umenshaet.html)

lybovy12 21.06.2019 11:33

Если фото маленькое то лупа увеличивает, но если фото большое тогда уменьшает
 
Здравствуйте. У меня проблема с увеличительной лупой.
Если фото маленькое за размерами то лупа увеличивает, но если фото большое тогда лупа уменьшает. Как зафиксировать чтобы всегда увеличивало? https://jsfiddle.net/1qrxm5vj/

рони 21.06.2019 19:52

lybovy12,
https://jsfiddle.net/jp98deb5/
var magnify = function(e) {
    var ratio = native_width / cur_img.width() > 1.2 ? 1 : cur_img.width() / native_width * 2.7;
    var rx = Math.round(mouse.x / cur_img.width() * native_width * ratio - ui.glass.width() / 2) * -1;
    var ry = Math.round(mouse.y / cur_img.height() * native_height * ratio - ui.glass.height() / 2) * -1;
    var bg_pos = rx + "px " + ry + "px";
    var glass_left = e.pageX - ui.glass.width() / 2;
    var glass_top = e.pageY - ui.glass.height() / 2;
    ui.glass.css({
        left: glass_left,
        top: glass_top,
        backgroundPosition: bg_pos,
        backgroundSize: native_width * ratio + "px " + native_height * ratio + "px"
    });
    return
};


Часовой пояс GMT +3, время: 23:27.