If statements & image swaps?

@web_bertFeb 17.2009 — #Here is my stab at it, i haven't run it though, so there could be errors

[CODE]
 
 <img id="tshirt" src="url/to/tshirt.jpg" />
 
 <input id="tshirt_1_image_1" type="button" value="T Shirt 1 - Image 1" />
 
 <input id="tshirt_1_image_2" type="button" value="T Shirt 1 - Image 2" />
 
 <script type="text/javascript">
 
  function changeImage( idOfImageElement, urlToNewImage ) {
 
   var img = document.getElementById( idOfImageElement ); //get the element from the DOM
   if( !img ) return;//if the image is not found, exit from the function - so we don't cause an error
   img.src = urlToNewImage; //assign the new url to the src attribute of the image
 
  }
 
  //declare the imageId, the button we want to add the click event to, the url that the src of the image with imageId should change to
  var idAndSrc = [
   'tshirt', 'tshirt_1_image_1', 'url/to/image_1.jpg',
   'tshirt', 'tshirt_1_image_2', 'url/to/image_2.jpg'
  ];
 
  //loop through the array above and add event handlers to each of the buttons
  for(var i = 0, j = idAndSrc.length; i<j; i++) {
   var	currentInput = document.getElementById( idAndSrc[0] );
 
   //have to use a self executing function when assigning the function, so that we can trap the current value of i
   currentInput.onclick = (function( imgId, urlToChangeTo ) {
 
   return function() {
   changeImage( imgId, urlToChangeTo );
   }
 
   })( idAndSrc[0], idAndSrc[2] );
  }
 
 </script>
 
 [/CODE]

If statements & image swaps?

1 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

If statements & image swaps?

1 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

1 Comments(s) _↴

Also in #JavaScript _↴