急！！！！！！！。。在线等。。。图片控制问题
我想做一个页面，上面有小图片N张，在页面中间有一个大的空白用于显示小图片所对应的大图片，想问一下，如何在点击小图片后，让中间的大图片换成小图片所对应的那张图片。图片命名是有规律的，比如小图片为   :s1.jpg,则大图片为1.jpg，命名相差一个字母!
希望能贴出源码，谢谢，急用！

------解决方案--------------------
<img src= "http://community.csdn.net/images/csdn.gif " width=400 height=400 border= "1 " name= "imag1 "> <br>
<img src= "http://community.csdn.net/images/csdn.gif " width=100 height=100 border= "1 " onclick= "document.getElementById( 'imag1 ').src=this.src ">
<img src= "http://zi.csdn.net/ren300-ok.gif " width=100 height=100 border= "1 " onclick= "document.getElementById( 'imag1 ').src=this.src ">