Если нет картинки — как брать её с другого хоста?

Question

[Neocaridina]

Если нет картинки на хост1 - на странице отобразить ее с хост2.
Включая подпапки итд.

Нужно поиграться с копией сайта в песочнице, а картинки там между файлами будут только мешать.

ПС: Ну или вообще все картинки по маске.
ППС: Ну или другим методом, мб JS? (только не инлайн к каждой ссылке)

Answer 1

[Stalker_RED]

;(function(){
  [].slice.call(document.querySelectorAll('img'))
    .forEach(img=>img.addEventListener('error', evt=>{
    img.src = img.src.replace(
      'https://fiddle.jshell.net/badpath/',
      'https://i.imgur.com/'
    )
  }))
})()

UPD: Оказывается, событие img.onerror не всплывает, так что придется вешать обработчик на каждый тег img.
Работающий пример: https://jsfiddle.net/Stalk/j3q47rco/

Comments

[Neocaridina]

Вроде все верно делаю - evt.target.src.replace("noimage", "toimage") - не работает даже в пределах хоста (
Накиньте еще вариантов плз

[Stalker_RED]

Обновил ответ.

[Neocaridina]

Работает, но если и на втором сайте нет картинки - начинается слайдшоу - браузер не успокаивается...

[Stalker_RED]

Neocaridina: можно добавить флаг, чтобы на повторную ошибку не реагирвало.

[Stalker_RED]

Neocaridina: Как-то так: https://jsfiddle.net/Stalk/j3q47rco/1/