Помогите с изменением размера изображения в контейнере

Question

Хорошо, я просто пытаюсь правильно изменить размер div и сделать так, чтобы размер изображения внутри него тоже изменился.

Вот пример контейнера и изображения, котороегенерируются динамически:

<div id="imgD' + i + '" style="border:1px solid red;display:inline-block;position:absolute;">
    <img alt="Big" id="imgA' + i + '" width="' + Math.round(resourceData[i][2] * currentScale) + '" height="' + Math.round(resourceData[i][3] * currentScale) + '" src="' + uploadFolder + '/' + imgData[resourceData[i][1]][1] + '" />
</div>

Затем к изображению добавляется изменяемый размер Jquery, а к контейнеру добавляется перетаскиваемый объект.Все работает нормально.пока я не попытаюсь изменить размеры обоих элементов, когда клиент «увеличит».

Вот мой код изменения размера:

        $('#imgD' + i).css("width", (resourceData[i][2]*currentScale));
        $('#imgD' + i).css("height", (resourceData[i][3]*currentScale));

        // Lets try every combination, like a hero!
        $('#imgA' + i).css("width", (resourceData[i][2]*currentScale));
        $('#imgA' + i).css("height", (resourceData[i][3]*currentScale));
        $('#imgA' + i).attr("width", (resourceData[i][2]*currentScale));
        $('#imgA' + i).attr("height", (resourceData[i][3]*currentScale));

        $('#imgD' + i).css("left",(resourceData[i][4]*currentScale) + "px");
        $('#imgD' + i).css("top", (resourceData[i][5]*currentScale) + "px");

Значок изменения размера в правом нижнем углу изображения будет означать, что этопроблема, связанная с изменяемым размером jquery?

Answer 1

Боюсь, у меня нет ответа, но вы можете немного оптимизировать свой код, объединяя методы для элемента, например:

Answer 2

Resiable Jquery добавляет DIV к изображению.

('#imgA' + i).parent().css("width", (resourceData[i][2]*currentScale));
$('#imgA' + i).parent().css("height", (resourceData[i][3]*currentScale));
$('#imgA' + i).css("width", (resourceData[i][2]*currentScale));
$('#imgA' + i).css("height", (resourceData[i][3]*currentScale));

Используйте родительский селектор, чтобы изменить его размер.