3

Никак не могу правильно сделать заглушку для картинки. Есть svg, которую я хочу размещать везде, где картинка не загрузилась, и только после 100% загрузки страницы начинали бы загружаться сами картинки. Подскажите с чего начать, или статью какую нибудь где это реализовано на практике.

1 ответ 1

7

C атрибутом

<img src="bla bla bla"
     onerror="this.src = 'https://i.mycdn.me/image?id=814327925848&t=0&plc=WEB&tkn=*GsdCWAmDvjL9x0vo-r1OjNdHSKY'">

На JQuery

$('img').on('error',function(){
  $(this).attr('src', 'https://i.mycdn.me/image?id=814327925848&t=0&plc=WEB&tkn=*GsdCWAmDvjL9x0vo-r1OjNdHSKY');
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img src="asdasd" alt="asd" />

2
  • ого, просто и лаконично, то что нужно!!
    – Paul Wall
    22 мар 2018 в 8:57
  • Добавил ещё вариант на jquery, чтобы во все картинки атрибут не писать.
    – zhurof
    22 мар 2018 в 9:00

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.