Выведите на нужных страницах скрипт:
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function() {
var img = document.querySelectorAll('img[data-href]');
for (var n = 0; n < img.length; n++) {
var attr = img[n].getAttribute('data-href');
img[n].setAttribute('src', attr);
}
});
</script>
Библиотека jQuery не требуется, будет работать и без него. При желании, событие
DOMContentLoaded вы можете заменить просто на
load, если вдруг вам сначала надо дождаться полной загрузки стилей, скриптов и тех картинок, что не имеют заглушки. Разница между ними в том, что при
DOMContentLoaded авто замена атрибутов отработает сразу, как только документ будет загружен и готов к работе, а в случае
load будет дополнительная небольшая задержка, пока другие внешние ресурсы не прогрузятся (стили, скрипты и обычные картинки).
