响应式设计：此Javascript是否会导致浏览器下载两个图像

Question

我对响应式设计和图像有疑问。

这个javascript会导致浏览器同时加载“small.jpg”和“big.jpg”吗？

if (condition1) {
    //with jQuery im setting the source for the img tag
    $(this).attr('src',  'small.jpg');

} else if (condition2) {
    //with jQuery im setting the source for the img tag  
    $(this).attr('src',  'big.jpg');
}

亲切的问候

Answer 1

这不会加载两个图像。如果满足第一个条件，由于else if，第二个条件将无法获得机会。

Answer 2

视情况而定，但它应该可以解决问题。