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