JQuery Browser不會重新加載包含使用圖的圖像

Question

我正在使用圖像映射（使用ImageMapster插件）讓用戶將鼠標懸停在圖像的某些部分上，然後使用額外信息顯示它的較大版本。

然後我希望能夠顯示需要不同視角的圖像的其他部分。我通過讓用戶轉到稍微旋轉的人的圖像來創建一種「3D效果」來完成此操作。我通過讓用戶點擊箭頭或使用鍵盤上的箭頭鍵（沒有圖像映射）來做到這一點。我通過更改圖像的src屬性並添加時間戳來完成此操作，以便瀏覽器重新加載圖像。

但後來出現問題：如果我更改具有圖像映像的圖像的src，則瀏覽器不會重新加載圖像，也不會使用時間戳。我檢查了頁面的源代碼，並且src屬性正確更改。

的HTML：

<img id="test" src="image1.jpg" usemap="#map1" /> 
<map name="map1"> 
<area shape="poly" coords="...." href="#" /> 
</map> 

的JS：

function showPicture(){ 
    var newImg = "image"+newindex+".jpg"; 
    $("#test").removeAttr("usemap"); 
    $("#test").attr("usemap", "#imgmap"+newindex); 
    $("#test").removeAttr("src"); 
    $("#test").attr("src", newImg+"?" + new Date().getTime()); 
} 

圖像並重新加載，如果我刪除USEMAP屬性，但如果我在後面加上一個（不同的）圖像映射。我試圖在新圖像完成加載後更改圖像映射（所以在load（）函數中），但這不會使瀏覽器重新加載。

有沒有人有任何想法？

在此先感謝。

Answer 1

發現了問題，我不得不取消綁定和重新綁定到ImageMapster發現問題的圖像