javascript - 托管在另一台服务器上的图像的自适应图像

Question

我正在使用自适应图像在我的网站上调整图像大小。我有一个从另一个网站读取图像 url 的 javascript 数组。有 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>');
    }
});