2010-03-15 80 views
-1
var curtext = "View large image"; 
function changeSrc() { 
    if (curtext == "View large image") { 
     document.getElementById("boldStuff").innerHTML = "View small image"; 
     curtext="View small image"; 
    } else { 
     document.getElementById("boldStuff").innerHTML = "View large image"; 
     curtext = "View large image"; 
    } 
} 

var curimage = "cottage_small.jpg"; 
function changeSrc() { 
    if (curimage == "cottage_small.jpg") { 
     document.getElementById("myImage").src = "cottage_large.jpg"; 
     curimage = "cottage_large.jpg"; 
    } else { 
     document.getElementById("myImage").src = "cottage_small.jpg"; 
     curimage = "cottage_small.jpg"; 
    } 
} 
</script> 
</head> 

<body> 
<!-- Your page here --> 
<h1> Pink Knoll Properties</h1> 
<h2> Single Family Homes</h2> 

<p> Cottage:<strong>$149,000</strong><br/> 
    2 bed, 1 bath, 1,189 square feet, 1.11 acres <br/><br/> 
<a href="#" onclick="changeSrc()"><b id="boldStuff" />View large image</a></p> 
<p><img id="myImage" src="cottage_small.jpg" alt="Photo of a cottage" /></p> 
</body> 

我需要帮助,如何把两个参数作为一个函数?这意味着当你点击时,图像和文字都会改变。 谢谢! Bianca如何结合这两个JavaScript函数?

+0

唉,我很抱歉,我尽力编辑这个问题。离开工作的时间。 – 2010-03-15 21:27:20

回答

0
function combined(curtext, curimage){ 
    if(curtext == "View large image"){ 
     document.getElementById("boldStuff").innerHTML = "View small image"; 
     curtext="View small image"; 
     } 
     else{ 
     document.getElementById("boldStuff").innerHTML= "View small image"; 
      curtext="View large image";  
    } 
    if(curimage == "cottage_small.jpg"){ 
     document.getElementById("myImage").src="cottage_large.jpg"; 
     curimage="cottage_large.jpg"; 
     } 
     else{ 
     document.getElementById("myImage").src="cottage_large.jpg";  
     curimage="cottage_small.jpg"; 
    } 
} 
0

创建一个新的函数,调用它们并将其重命名为unique。

var changeCombined = function() { 
    changeTxt(); 
    changeSrc(); 
}; 

function changeTxt() { 
    var node = document.getElementById("boldStuff"); 

    if (node.innerHTML == "View large image") { 
     node.innerHTML = "View small image"; 
    } else { 
     node.innerHTML = "View large image"; 
    } 
} 

function changeSrc() { 
    var image = document.getElementById("myImage"); 

    if (image.src == "cottage_small.jpg") { 
     image.src = "cottage_large.jpg"; 
    } else { 
     image.src = "cottage_small.jpg"; 
    } 
} 

这也消除了你对全局变量的依赖。