javascript - 別のサーバーでホストされているイメージのアダプティブ イメージ

Question

私は自分のウェブサイトで画像のサイズを変更するために適応画像を使用しています。別の Web サイトから画像の URL を読み取る JavaScript 配列があります。画像の配列をループし、これらの画像を html ページに挿入する JavaScript コードがあります。アダプティブ イメージの使用説明書を読みました。この命令行は、「myImages」というフォルダーに画像を保存するときに使用されます。

Adaptive-images.com が提供する .htaccess ファイル

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

問題は、別の Web サイトから画像を取得することです。.htaccess ファイルを編集して、別の webtie からの画像を受け入れるにはどうすればよいですか

JavaScript コードは次のとおりです: (画像は、たとえば、dummyimages.com などの別の Web サイトから生成されます)

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>');
    }
});