適用JavaScript來的所有圖像具有相同名稱的

下面只JavaScript的替換的src一個圖像的網頁上我怎樣才能得到它做了多張圖片在同一頁適用JavaScript來的所有圖像具有相同名稱的

<SCRIPT LANGUAGE="JavaScript"> 

loadImage1 = new Image(); 
loadImage1.src = "http://4.bp.blogspot.com/-Xzm-yUJ_dz0/Tsj3Q57J2tI/AAAAAAAAAGE/bohLMRj5FCY/s1600/hover.png"; 

staticImage1 = new Image(); 
staticImage1.src = "http://3.bp.blogspot.com/--0FurTdrYzg/Tsj3RPXGz4I/AAAAAAAAAGI/mm_4UvmoD-A/s1600/standard.png"; 

replaceImage1 = new Image(); 
replaceImage1.src = "http://4.bp.blogspot.com/-oacZCbBUhQ0/Tsj3Qkl4IaI/AAAAAAAAAGA/5_z-2VXKCi8/s1600/clicked.png"; 

</script>

上的圖像HTML是下面如果required.I不介意應用和ID或類別的圖像要麼:)

<img onMouseOver="image1.src=loadImage1.src;" onMouseOut="image1.src=staticImage1.src;" onmousedown="image1.src=replaceImage1.src;" onmouseup="image1.src=loadImage1.src;" style=width:480px;height:360px;background-image:url('http://i1.ytimg.com/vi/XtNcZnfkL2A/hqdefault.jpg');" name="image1" src="http://3.bp.blogspot.com/--0FurTdrYzg/Tsj3RPXGz4I/AAAAAAAAAGI/mm_4UvmoD-A/s1600/standard.png">

和/或有一個更清潔的jQuery爲了這個，我更願意使用jQuery，三江源！

來源

2011-11-20 Yusaf Khaliq

你可以這樣做：添加一個類的圖像，如;

 
<img class='someclass' ....

然後使用jQuery，你可以選擇所有具有相同類名的圖像，如;

 
$("img[class='someClass']").each(function() { 
    //replace src attribute of each image 
    $(this).attr("src", ""); 
    $(this).attr("src", "your_new_src"); 
});

希望它可以幫助

來源

2011-11-20 14:32:26

如果你寧願用jQuery做到這一點，你可以使用「attribute equals」選擇按名稱選擇的所有圖像：

$("img[name='image1']").attr("src", "newImageSource.png");

如果你想一個類屬性添加到圖像，你可以使用一個類選擇：

$(".someClass").attr("src", "newImageSource.png");

的attr方法將適用於選擇匹配的所有元素，所以沒有需要遍歷匹配的集合。

來源

2011-11-20 14:09:41

適用JavaScript來的所有圖像具有相同名稱的

回答

相關問題