Адаптивные изображения для изображений, размещенных на другом сервере

Question

Я использую адаптивные изображения для изменения размера изображений на моем сайте. У меня есть массив JavaScript, который читает URL-адреса изображения с другого сайта. Есть код javascript, который просматривает массив изображений и вставляет эти изображения на html-страницу. Я прочитал инструкцию по использованию адаптивного изображения. Эта инструкция используется, когда я храню свои изображения в папке под названием "myImages":

Файл.htaccess предоставлен adaptive-images.com

<IfModule mod_rewrite.c>
Options +FollowSymlinks
RewriteEngine On
# Adaptive-Images --------------------------------------------------
---------------------------------
   RewriteCond %{REQUEST_URI} myImages
...
</IfModule>

Проблема в том, что я получаю изображения с другого сайта. Итак, как мне отредактировать файл.htaccess, чтобы он принимал изображения от другого wesbtie?

Вот код JavaScript: (изображения генерируются с другого сайта, например, dummyimages.com)

var images = [
  "xyz.com/dummyImages/1.jpg",
  "xyz.com/dummyImages/2.jpg",
  "xyz.com/dummyImages/3.jpg",
  "xyz.com/dummyImages/4.jpg",
];

$(document).ready(function() {
    for (var i=0; i<images.length; i++){
        $("#container").append('<div class="main">'
        +'<img src="'+images[i]+'" alt="sample photo" width="100%" />'
            +'</div>');
    }
});