Как подогнать размеры модального окна под изображение(картинку) в yii2?

Question

[Лев К]

Всем привет.
при нажатии на картинку появляется модальное окно "с полным изображением".
Я сделал это так

<!--модальное окно для изображений -->
    <div class="modal fade" id="my-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-body">
                </div>
            </div>
        </div>
    </div>
Событие, нажатие на картинку
$('body').on('click', '.image', function (e) {
        var modalContainer = $('#my-modal');
        var modalBody = modalContainer.find('.modal-body');
        modalContainer.modal({show:true});
        var url = $(this).attr('src');
        $.ajax({
            url: 'modalimage', 
            type: 'GET',
            data: 'url='+url,
            success: function (data) {
                $('.modal-body').html(data);
                modalContainer.modal({show:true});
            },
            error: function(){
                alert('Error in modal Image');
            }
        });        
    });
Файл, который рендерится в модальное окно
<?php
use yii\helpers\Html;
use yii\widgets\ActiveForm;
use yii\helpers\Url;
?>

<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
<div id="success"></div> <!-- For success message -->

<div class="gb-user-form">

    <?php $form = ActiveForm::begin(['options' => ['class' => 'modal-form']]); ?>

    <?= Html::img(Url::to([$url]), ['class' => 'img-modal']) ?>

    <?php ActiveForm::end(); ?>

</div>

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

Answer 1

[sts]

https://stackoverflow.com/questions/16152275/how-t...