Загружать изображения в модал после его запуска - PullRequest
Новая
       5

Загружать изображения в модал после его запуска

0 голосов
/ 26 ноября 2018

Я хочу, чтобы изображения загружались при открытии модального режима, а НЕ при загрузке страницы.У меня есть этот скрипт, но он не работает.Это означает, что оно не загружает реальное изображение, а только изображение ожидания.Но он загружает изображение ожидания из-за кода изображения, смотрите ниже.

    function loadImagesToModal(){
     $('img[src="img/port/wait-images.jpg"]').each(function(index, el) {
    $(el).attr('src', $(el).data('real-src'));
    });
    }
     $({.portfolio-modal}).on('shown.bs.modal', function (e) {
    loadImagesToModal();
    })


<img class="img-fluid" src="img/port/wait-images.jpg" data-real-src="img/port/the-real-image.jpg" alt="">

Может кто-нибудь сказать мне, что не так, пожалуйста?

-------- ОБНОВЛЕНИЕ --------

Я решил использовать плагин Yall.Джован Круз сказал, чтобы попробовать плагин, поэтому я сделал - спасибо.Это работает далеко, как изменение изображений с загруженного изображения на реальное изображение.Но он по-прежнему загружает изображения при загрузке страницы.Вот код, который я использую.

<script src="yall-2.1.0.min.js"></script>
<script>document.addEventListener("DOMContentLoaded", yall);</script>
<img class="lazy" src="img/placeholder.jpg" data-src="img/image-to-lazy-load.jpg">

-------- ОБНОВЛЕНИЕ 2 --------

Работает !!!!Я закончил тем, что использовал плагин yall.Добавил код выше и все работает сейчас.

...