Я провел много исследований по этой проблеме, но безуспешно. По сути, я хочу сделать следующее:

1) Замените атрибут src всех изображений заполнителем, например:blank.gif»

2) Добавьте атрибут data-original HTML5 с исходным местоположением изображения

3)LazyLoad изображения (для правильной работы требуется атрибут data-original)



Что я попробовал без успеха:

1) прикрепление этого EventListenerdocument.addEventListener('beforeload', doBeforeLoad, true);

с этой функцией

function beforeload() {
        var blank = 'image/location/images/blank.gif';
        $('img').each(function() {
            var orig = $(this).attr('src');
            $(this).attr('data-original',orig);
            $(this).attr('src',blank);
            console.log("changing all data on images");
        });
    }

2) на документе. Уже уверен, что он выигралт работа ..

Я понятия не имеюесли это даже возможно, поэтому любая помощь | предложение | ресурс будет принята с благодарностью

PS: например, я хочу, чтобы это работалоВот) (потому что это's имиджевая статья)