jquery 如何为simplemodal预加载图像?

2skhul33  于 2023-08-04  发布在  jQuery
关注(0)|答案(1)|浏览(107)

看起来,除非它显示的图像已经加载,否则simplemodal不会调整大小以包含图像。我尝试过预加载图像setContainerDimensions()update(),但我对jQuery太缺乏经验,无法正确实现这些可能的修复。我知道others也有类似的问题,但我相信simlemodal没有错,这很棒。

jQuery(function ($) {
// Load dialog on click
$('#basic-modal .basic').click(function (e) {
    $('#basic-modal-content').modal({
        overlayClose:true,
        autoResize:true,
        minHeight:400,
        minWidth: 600, 
    });// end of modal.
    $.modal.setContainerDimensions();//seems to do nothing here :(
    return false;
});// end of basic modal on click.
});// end of jQuery function.

字符串

h7wcgrx3

h7wcgrx31#

如果预先知道结果图像大小,则解决方法是:
1.将临时src添加到img标记,并将其设置为透明gif的data/image。如此答案建议Smallest data URI image possible for a transparent image
1.为图像标签设置显式的宽度-高度
结果是:

<img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" width="200" height="200" id="myImg" />

字符串
这样你就得到了一个预先设定大小的盒子,以后你可以将图像源交换到你的动态加载的图像上

$("#myImg").src("image-url");

相关问题