Question

我一直在调整featherlight.js以启用srcset。在contentFilters：image：我设置了像这样的图像参数（请忽略笨拙的编码风格）：

var basepath = a.substr(0, a.lastIndexOf('/'));
var basefile = a.substr(a.lastIndexOf('/') + 1);
var b = d.Deferred(),
    c = new Image,
    e = d('<img src="' + a + '" alt="" class="' + this.namespace + '-image" sizes="100vw" srcset="' + basepath + '/1920/' + basefile + ' 1920w, ' +basepath + '/1280/' + basefile + ' 1280w, ' + basepath + '/640/' + basefile + ' 640w"/>');

变量＆＃39; a＆＃39;是文件网址。

原则上，这很好用。 FF，Chrome和Safari可识别列出的来源，并根据窗口宽度加载来自不同文件夹的图像。

然而，我遇到了一些神秘的行为，这种行为发生在所有浏览器中。源图像通常根本不显示，特别是在调整窗口大小以便选择新的源之后。显然，onload事件会在每种情况下触发，但图像不会显示。然后关闭并重新打开灯箱或调整浏览器窗口大小将有助于绘制图像。显然，一旦将图像加载到浏览器缓存中，这些问题就会消失。

我一直在尝试各种各样的技巧来强制重绘或重装但无济于事。关于可能发生的事情的任何线索都是受欢迎的。

加载srcset图像时出现问题

0 个答案: