我目前正在使用 Foundationdata-interchange来处理响应式图像。
这里推荐的语法 where(default)和(large)are 媒体查询：
<img data-interchange="[/path/to/default.jpg, (default)], [/path/to/bigger-image.jpg, (large)]" alt="">
问题：
在页面显示和数据交换图像显示之间有一点延迟。延迟是很正常的，因为当 Foundation 准备好时，图像是用 JS 加载的，但是在显示 alt 属性 500 毫秒后看到图像突然出现，就像图像损坏一样，在视觉上并不好。
我正在考虑默认放置一个图像：
<img src="a-default-image.jpg" data-interchange="[/path/to/default.jpg, (default)], [/path/to/bigger-image.jpg, (large)]" alt="">
但是，如果我放置真正的“默认图像”，结果并不会更好（而不是“破碎的图像”然后是“大图像”，我有“小图像”然后是“大图像”）。
如果我放一张空白图片，结果还可以（不再显示 alt），但现在，如果图片被谷歌索引，恐怕会是那个空白图片。
我也可以隐藏图像，直到触发 replace Foundation 事件，但我宁愿避免它，除非没有其他解决方案。
那么，我可以使用其他任何简单的解决方法吗？