[FeaR51]

я тут скрипт немного переделал и ваш немного затронул) посмотрите)
- что все равно не тыкаються изображения.

$(document).ready(function(){
	         
	 
	$( "div.buttons" ).click(function(){
	 
	$("div.buttons img").attr( "src", function(a,b){ return b.replace(/(\w+)3(\.png)/, "$1$2") } );
	 
	var num = this.id.replace(/\W+/,'')
	 
	$( "div.buttons img[name='img"+num+"']" ).attr( "src", function(a,b){ return b.replace(/(\w+)(\.png)/, "$13$2") } );
	 
	                $.ajax({
	                    url: "page"+num+".html",
	                    cache: false,
	                    success: function(html){
	                        $("#content").html(html);
	                    }

	                });	 
	 
	});
	 
	 
	});

<div id="buttons">
<img src="on.png" border="0" alt="О нас" name="img1" id="btn1"/><img src="kpz.png" border="0" alt="Как сделать заказ" name="img2" id="btn2"/><img src="cvz.png" border="0" alt="Связь" name="img3" id="btn3"/>
</div>

p.s. через hover не то, он не заменяет картинку я лишь меняет background вокруг картинки.