blockUI как настроить div и показать картинку

Это, вероятно, простой вопрос, но я не могу понять его. Я использую плагин blockui jquery, чтобы заблокировать пользовательский интерфейс во время перенаправления страницы. К сожалению, у меня есть две проблемы по этому поводу. Во-первых, это моя фотография, она не открывается, а во-вторых, прикрепляется какой-то белый нижний стиль, который я понятия не имею, как его отрезать? Пожалуйста, предложите свою помощь.

Вот как это выглядит: введите здесь описание изображения

код:

function test() {
        //close modal     
        $.ajax({ url: 'wait.php', cache: false });
    }

    $(document).ready(function () {

        $('#details').click(function () {
            $('#myModalTransportDetails').modal('hide');
            $.blockUI({
                message: '<div class="alert alert-info"><span class="glyphicon glyphicon-eye-open"></span> Opening transport images<img src="~/Images/logo/logo3.png" /></div>'
            });
            test();
        });

модальное окно, в котором находится кнопка для этого действия:

<div id="myModalTransportDetails" class="modal fade" role="dialog" tabindex="-1" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">REGnr</h4>
            </div>
            <div class="modal-body" id="orderDetails">

                <div class="form-horizontal">
                    <div class="form-group">
                        <label class="control-label col-sm-4">LP:</label>
                        <div class="col-sm-8">
                            <input type="text" class="form-control red-stripe" id="label1">
                        </div>
                    </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-sm-4 text-left">Arrive date:</label>
                        <div class="col-sm-8">
                            <input type="text" class="form-control red-stripe" id="label3">
                        </div>
                    </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">




                <a href="@Url.Action("Details", "GRTE", New With {.id = 1})" class="btn btn-primary" id="details">
                    Show pictures
                    <span class="glyphicon glyphicon-picture" aria-hidden="true"></span>
                </a>
                <button type="button" class="btn btn-warning glyphicon glyphicon-off" data-dismiss="modal"> Close</button>
            </div>
        </div>
    </div>
</div>

person Community    schedule 25.12.2015    source источник
comment
Можете сделать разметку?   -  person An0nC0d3r    schedule 25.12.2015
comment
Что касается изображения, очевидно, ~/Images/logo/logo3.png неверен. По какой-то причине в URL-адресе есть тильда?   -  person Mottie    schedule 25.12.2015
comment
тильда удалена - изображение отображается, осталось исправить только белый div. @AdamJeffers, что вы подразумеваете под разметкой?   -  person    schedule 25.12.2015
comment
Разметка = язык гипертекстовой разметки, также известный как... HTML;)   -  person An0nC0d3r    schedule 25.12.2015
comment
@AdamJeffers находит код модального окна html, откуда вызывается функция (из модального окна). Кстати, я бы предпочел какое-то дополнительное модальное оповещение/окно, помимо класса оповещения, которое я раньше показывал — если вы знаете, как я могу это сделать — это было бы гораздо более желанным, чем $.blockUI на мой вопрос :)   -  person    schedule 25.12.2015