适用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,三江源!
答
你可以这样做: 添加一个类的图像,如;
<img class='someclass' ....
然后使用jQuery,你可以选择所有具有相同类名的图像,如;
$("img[class='someClass']").each(function() { //replace src attribute of each image $(this).attr("src", ""); $(this).attr("src", "your_new_src"); });
希望它可以帮助
答
如果你宁愿用jQuery做到这一点,你可以使用“attribute equals”选择按名称选择的所有图像:
$("img[name='image1']").attr("src", "newImageSource.png");
如果你想一个类属性添加到图像,你可以使用一个类选择:
$(".someClass").attr("src", "newImageSource.png");
的attr
方法将适用于选择匹配的所有元素,所以没有需要遍历匹配的集合。