0

我正在加载一个 MODAL，该 MODAL 输入了我在点击时获取并加载的图像。有人可以解释如何加载然后在单击时显示我的图像，以便对话框正确居中。就目前而言，对话框不知道图像大小，因此它偏离中心加载。我尝试使用 .load 函数，但不知道该放在哪里；因为它给了我错误。下面的代码功能齐全，但我需要它在将 deIMG 提供给对话框之前预加载它，以便它知道大小。

function thumbNailModal() {
    $('.thumb').click(function() {
        picDES = document.getElementById(this.id).getAttribute('id');
        var desIMG = $('<img/>', {
                        "class":"inline",
                        src: '/images/design/full/' + picDES
                    });
        $(desIMG).dialog(
            {
                modal:      true,
                draggable:  false,
                title:      'Designs',
                height:     'auto',
                width:      'auto',
                open:       function(){
                    jQuery('.ui-widget-overlay').bind('click',function(){
                        jQuery(desIMG).dialog('close');
                    })
                }
            }
        );
        $(".ui-dialog-titlebar").hide();
    });
}

编辑

 function thumbNailModal() {
        $('.thumb').click(function() {
.load(
            picDES = document.getElementById(this.id).getAttribute('id');
            var desIMG = $('<img/>', {
                            "class":"inline",
                            src: '/images/design/full/' + picDES
                        });
)

我想要更多类似的东西。您单击的位置然后加载。不只是在加载页面后立即预加载所有图像。

4

0 回答 0