я тут скрипт немного переделал и ваш немного затронул) посмотрите)
- что все равно не тыкаються изображения.
$(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 вокруг картинки.