JCrop добавляет высоту и ширину к изображению

Question

Я использую JCrop для обрезки фотографий (очевидно), и моя проблема в том, что у меня есть изображение, которое можно щелкнуть (запускает модальный), а ширина и высота отличаются от того, что я установил для изображение, на которое нажимается.

Примером может служить:

$("#avatar-photo").html("<img src='" + replace + "' alt='Avatar' class='w3-center w3-round w3-border' style='height: 280px; width: 400px;' id='enlarged-photo'> 

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

<img src="image.jpg" alt="Avatar" class="w3-center w3-round w3-border" style="height: 152px; width: 152px; display: none; visibility: hidden;" id="enlarged-photo"> 

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

Надеюсь, это объяснит мою проблему.

Спасибо!

обновление:

Я изолировали изображение проклейки выпуск к этому:

<img src="image.jpg" alt="Avatar" class="w3-center w3-round w3-border" style="height: 150px; width: 150px; display: block; visibility: visible; border: none; margin: 0px; padding: 0px; position: absolute; top: 0px; left: 0px; opacity: 1;"> 

Мой единственный вопрос теперь в том, как остановить JCrop от сдачи в высоту и ширину для стиля?

Answer 1

Я считаю, что это может быть потому, что коды управляют друг другом.

В ваших JS:

style='height: 280px; width: 400px;' 

В вашем HTML:

style="height: 152px; width: 152px; 

Там оба пытаются оценить изображение на высоте и ширине. Удалите один из них.

Answer 2

установил его, это был вопрос и ширину рамки boxHeight