Увеличить изображение с дочерним div - PullRequest
Новая
       18

Увеличить изображение с дочерним div

0 голосов
/ 30 августа 2018

Я хочу сохранить child div таким, каким он был до увеличения. Я хочу увеличить изображение вот так https://yeye0922.github.io/ZoomMarker/ но когда я увеличиваю изображение, дочерний элемент удаляется от координаты. 

$("#btn").click(function () {
    var w = parseInt($("#parent").css("width").replace("px",""));
    var h = parseInt($("#parent").css("height").replace("px",""));
    var chilTop = parseInt($("#child2").css("top").replace("px",""));
    var chilLeft = parseInt($("#child2").css("left").replace("px",""));

    var a  =  w / chilLeft;
    var b  =  h / chilTop;
    var aa = chilLeft / a;
    var bb = chilTop / b;
    $("#child2").css("top",chilTop + aa +"px");
    $("#child2").css("left",chilLeft + bb +"px");
    w = w + 100;
    h = h + 100;
    $("#parent").css("height",h);
    $("#parent").css("width",w);

})

https://jsfiddle.net/Etibar2/8hu57efo/

кто-нибудь знает решение?

1 Ответ

0 голосов
/ 30 августа 2018

Ваш код изменяет верхнюю и левую координаты в строках 

    $("#child2").css("top",chilTop + aa +"px");
    $("#child2").css("left",chilLeft + bb +"px");

Просто удалите их или закомментируйте.

...