交换图像的Javascript
我有一个完整的图像和一堆缩略图。我想用单击的任何缩略图的图像链接替换完整图像。这是密码:谢谢交换图像的Javascript,javascript,Javascript,我有一个完整的图像和一堆缩略图。我想用单击的任何缩略图的图像链接替换完整图像。这是密码:谢谢 function swapImage() { var fullCoverImage = document.getElementById("full_cover"); var linkedImage = this.childNodes[0]; var thumbSource = linkedImage.getAttribute("src"); var coverSour
function swapImage() {
var fullCoverImage = document.getElementById("full_cover");
var linkedImage = this.childNodes[0];
var thumbSource = linkedImage.getAttribute("src");
var coverSource = fullCoverImage.getAttribute("src");
var newSource = thumbSource.replace("_thumb","");
fullCoverImage.setAttribute("src", newSource);
}
<a id="slide_thumb" onClick="swapImage();" href="Javascript:void(0);"><img src="images/portfolio/fiction_001_thumb.png" /></a>
<a id="slide_thumb" onClick="swapImage();" href="Javascript:void(0);"><img src="images/portfolio/fiction_002_thumb.png" /></a>
<img id="full_cover" src="images/portfolio/fiction_001.png" />
函数swapImage(){
var fullCoverImage=document.getElementById(“完整封面”);
var linkedImage=this.childNodes[0];
var thumbSource=linkedImage.getAttribute(“src”);
var coverSource=fullCoverImage.getAttribute(“src”);
var newSource=thumbSource.replace(“_thumb”,”);
setAttribute(“src”,newSource);
}
这应该行得通
function swapImage(aTag) {
var fullCoverImage = document.getElementById("full_cover");
var linkedImage = aTag.childNodes[0];
var thumbSource = linkedImage.getAttribute("src");
var coverSource = fullCoverImage.getAttribute("src");
var newSource = thumbSource.replace("_thumb","");
fullCoverImage.setAttribute("src", newSource);
}
<a id="slide_thumb" onClick="swapImage(this);" href="Javascript:void(0);"><img src="images/portfolio/fiction_001_thumb.png" /></a>
<a id="slide_thumb" onClick="swapImage(this);" href="Javascript:void(0);"><img src="images/portfolio/fiction_002_thumb.png" /></a>
<img id="full_cover" src="images/portfolio/fiction_001.png" />
功能交换页(aTag){
var fullCoverImage=document.getElementById(“完整封面”);
var linkedImage=aTag.childNodes[0];
var thumbSource=linkedImage.getAttribute(“src”);
var coverSource=fullCoverImage.getAttribute(“src”);
var newSource=thumbSource.replace(“_thumb”,”);
setAttribute(“src”,newSource);
}
将onClick=“swapImage();”
更改为onClick=“swapImage(this);”
和使用
编辑:点击它。
此
未提及称为swapImage的
“它不工作”永远都不是一个足够的问题描述。
function swapImage(ele) {
var fullCoverImage = document.getElementById("full_cover");
var linkedImage = ele.childNodes[0];
var thumbSource = linkedImage.getAttribute("src");
var coverSource = fullCoverImage.getAttribute("src");
var newSource = thumbSource.replace("_thumb","");
fullCoverImage.setAttribute("src", newSource);
}