Изменение основного изображения при нажатии на миниатюру

Question

Я пробовал это какое-то время и дошел до того, что мне не хватает чего-то очень простого, но я просто не вижу его сейчас, поэтому любая помощь будет оценена! У меня есть два эскиза с идентификатором «один» и «два», и я хотел бы использовать их для изменения основного img на странице.

<script type="text/javascript"> 
      //<![CDATA[ 
       window.onload= function(){ 
       var mainImg= document.getElementByID('ci'); 

       document.getElementByID('one').onclick= function(){ 
       mainImg.src='burningbush.png'; 
       //alert('one clicked'); 
       }; 
       document.getElementByID('two').onclick = function(){ 
       mainImg.src='burningbush.png'; 
       //alert('two clicked'); 
       } 
       };//]]> 
</script> 


<div id="mainContainer"> 
        <div id="image"> 
         <img src="images/home.jpg" id="ci" alt="" /> 
        </div> 
        <div id="thumbnail"> 
         <img id="one" src="burningbush.png"</img> 
         <img id="two" src="burningbush.png"</img> 
        </div> 

       </div> 

Answer 1

Функция называется

getElementById 

не

getElementByID 

chnge, и все будет работать