Javascript 延迟加载模式窗口,模式中的图像不';t显示

Javascript 延迟加载模式窗口,模式中的图像不';t显示,javascript,lazy-loading,simplemodal,blazy,Javascript,Lazy Loading,Simplemodal,Blazy,我试图延迟加载在基于css的模式窗口上单击时显示的图像。我正在使用blazy库,模式窗口中的图像未显示 故障排除: 我确认了定期加载的图像 根据需要,我将img src切换为数据src 将b-lazy类添加到我希望在模态窗口打开时加载的图像中 企业名称-斑马喷漆作业车 var bLazy=新bLazy({ //容器:'#容器'//默认为窗口 }); 我有一个以上的现场演示在 您的标记缺少元素名称,img 你有: 但是你想要: 调用Blazy强制加载不可见图像时,可以添加选项“loadI

我试图延迟加载在基于css的模式窗口上单击时显示的图像。我正在使用blazy库,模式窗口中的图像未显示

故障排除:

  • 我确认了定期加载的图像

  • 根据需要,我将img src切换为数据src

  • 将b-lazy类添加到我希望在模态窗口打开时加载的图像中

  • 
    企业名称-斑马喷漆作业车
    var bLazy=新bLazy({
    //容器:'#容器'//默认为窗口
    });
    
    我有一个以上的现场演示在


    您的标记缺少元素名称,
    img

    你有:

    但是你想要:

    调用Blazy强制加载不可见图像时,可以添加选项“loadInvisible”:

    像这样使用它:

    var bLazy = new Blazy({loadInvisible:true});
    
    如果这不起作用,打开modal时可能必须给Blazy打电话


    祝你好运

    我只是试了一下你的建议,但是它加载了所有的图像,在Firefox的网络面板中进行了检查。没有理由不立即加载。。。从你的源代码中我可以看到,图像从来没有隐藏过。在我的演示页面上,它是用css隐藏的
    var bLazy = new Blazy({loadInvisible:true});