javasript function

Posted by user289346 on Stack Overflow See other posts from Stack Overflow or by user289346
Published on 2010-03-15T21:24:37Z Indexed on 2010/03/15 21:29 UTC
Read the original article Hit count: 497

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>

I need help, how to put as one function with two arguments. That means when you click, the image and text both will be change. Thank you! Bianca

© Stack Overflow or respective owner

Related posts about JavaScript

Related posts about functions