延迟加载模式窗口，模式中的图像不显示

Question

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

故障排除：

>

我确认图像定期加载

根据需要，我将img src切换为数据srchttp://dinbror.dk/blog/blazy/?ref=demo-页面

添加了b懒惰类到图像我想要加载在模态窗口打开。

 <div id="modalwindow1" class="modalbox">

 <div>
 <a class="closewindow" href="#close">X - Close Window</a>
 <h2>Business Name - Zebra paint job car</h2>
 <div class="container">

<data-src="images/zebra-car.jpg" width="1080" height="607" alt="Zebra paint job car"  class="b-lazy">

 </div>

 </div>
 </div>
<script src="blazy.js"></script>
<script>
var bLazy = new Blazy({ 

        //container: '#container' // Default is window
    });
</script>

我有一个以上的现场演示在

http://lidia.kaptlid.com/template1.php

Answer 1

您可以添加选项“加载不可见”，当您调用布拉齐强制加载不可见的图像：http://dinbror.dk/blog/blazy/#Options

像这样使用它：

var bLazy = new Blazy({loadInvisible:true});

如果这不起作用，打开modal时可能必须给Blazy打电话。

祝你好运！

Answer 2

您的标记缺少元素名称，img。

你有：

但是你想要：