Mengganti gambar dengan menggunakan javascript

1. <script>  
2. function gantiGambar()  
3. {  
4. element=document.getElementById('gbrSaya')  
5. if (element.src.match("bulbon"))  
6.   {  
7.   element.src="gambar1.jpg";  
8.   }  
9. else  
10.   {  
11.   element.src="gambar2.jpg";  
12.   }  
13. }  
14. </script>  
15.   
16. <img id="gbrSaya" onclick="gantiGambar()"  
17. src="pic_bulboff.gif" width="100" height="180">  
18.   
19. <p>Klik Gambar Untuk Merubah</p>  

Demo

Click the light bulb to turn on/off the light