交换图像的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);  
}