托管在其他服务器上的图像的自适应图像

时间:2014-05-17 08:47:33

标签: javascript image responsive-design adaptive-design

我正在使用adaptive-images在我的网站上重新调整图片大小。我有一个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>');
    }
});

0 个答案:

没有答案
相关问题