Ленивая загрузка модальных окон, изображение в модальном не отображается

Question

Я пытаюсь лениво загрузить изображения, которые отображаются при нажатии на модальное окно на основе css.Я использую глянцевую библиотеку, и изображение в модальном окне не отображается.

Устранение неполадок:

1. Я подтверждал, что изображения загружаются регулярно

2. Я отключил img src для data-src, как требовалось от http://dinbror.dk/blog/blazy/?ref=demo-page

3. Добавил класс b-lazy к изображению, которое я хочу загрузить при открытии модального окна.

 <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

В вашей разметке отсутствует имя элемента, img.

У вас есть: <data-src="images/zebra-car.jpg" width="1080" height="607" alt="Zebra paint job car" class="b-lazy">

Но вы хотите: <img data-src="images/zebra-car.jpg" width="1080" height="607" alt="Zebra paint job car" class="b-lazy">