檢查圖像是由js設置源時加載？

我怎麼能檢查圖像加載時，我從jquery設置圖像源。我想在鼠標上改變圖像，並且由於大圖像大小需要時間來加載，所以想要顯示加載圖像直到它加載。檢查圖像是由js設置源時加載？

這裏是我的代碼片段：

timer = setInterval(function() { 
selector.attr('src', 'localhost/product/image1.jpg');

此搜索是436x436和服用時間加載此圖像

請幫我之前加載，我想顯示加載圖像...

來源

2015-02-06 SINGH

可能的重複[檢查圖像是否加載（無錯誤）在JavaScript]（http://stackoverflow.com/questions/1977871/check-if-an-image-is-loaded-no-errors-in- javascript） – Praveen 2015-02-06 05:08:46

@praveen，但我沒有找到我的答案在這種情況下...這是不同於我的問題。謝謝 – SINGH 2015-02-06 05:33:01

我沒有發現任何區別，你已經標記的答案和[答案]（http：///stackoverflow.com/a/17960014/1671639）在上述重複的問題。 – Praveen 2015-02-06 09:18:16

使用以下代碼

selector.attr('src', 'localhost/product/image1.jpg'); 
//show loader code here 
var loadImage = new Image(); 
loadImage.src = selector.attr('src'); 
    loadImage.onload = function(){ 
    // hide loader code here 
}

來源

2015-02-06 05:08:54

感謝@jQuery ......對我來說工作得很好...... – SINGH 2015-02-06 06:04:30

歡迎您:) – 2015-02-06 06:05:48

//show image on mouseenter event 
img.addEventListener('mouseenter',function(){ 
    this.setAttribute('src', 'localhost/product/image1.jpg'); 
    //show loading image here 
}); 
img.addEventListener('load',function(){ 
    //Image loaded. So remove loading image here. 
});

來源

2015-02-06 05:11:25 Lewis

您可以使用以下函數獲取負載回調圖片：

$("#idOfImage").load(function() { /* image loaded */}) 
       .error(function() { /* error in loading */ });

來源

2015-02-06 05:13:01

這是我做了我的網站上的兄弟和它完全加載。

HTML

<a href="#" full="http://www.sample.com/wp-content/uploads/2015/01/plot3picture.jpg"> 
    <img src="http://www.sample.com/wp-content/uploads/2015/01/plot3picture-150x150.jpg" alt="" />     
</a>

$(window).bind('load', function(){ 
    setTimeout(function(){ 
     $('body a').each(function(){ 
      $(this).find('img').attr('src', $(this).attr('full')); 
     }); 
    }, 300); 
});

來源

2015-02-06 05:22:15

負載兩個在頁面load.place其圖像頭

試試這個：

if (document.images) { 
    img1 = new Image(); 
    img1.src = "imgpath/image1.png"; 
    img2 = new Image(); 
    img2.src = "imgpath/image2.png""; 
}

來源

2015-02-06 05:23:25 Dileep

檢查圖像是由js設置源時加載？

回答

相關問題