о спс щас попробую

хм не работает( и свичем мне не особо подходит(
я хочу чтобы было как тут сейчас http://creators-site.ru/index.html но картинка выбранного page.html оставалась не изменной при наведение, уведение и клике, оставалась *2.png

вместо

$(document).ready(function(){
        
            $('#btn1').click(function(){

            document.img1.src='on2.png'
                $.ajax({
                    url: "page1.html",
                    cache: false,
                    success: function(html){
                        $("#content").html(html);
                    }
                });
            });
            
            $('#btn2').click(function(){
                $.ajax({
                    url: "page2.html",
                    cache: false,
                    success: function(html){
                        $("#content").html(html);
                    }
                });
            });
            $('#btn3').click(function(){
                $.ajax({
                    url: "page3.html",
                    cache: false,
                    success: function(html){
                        $("#content").html(html);
                    }
                });
            });
        });

вставьте

$(document).ready(function(){
        

$( "div.content form input" ).click(function(){

$("div.content form img").attr( "src", function(a,b){ return b.replace(/(\w+)3(\.png)/, "$1$2") } );

var num = this.id.replace(/\W+/,'')

$( "div.content form 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);
                    }
                });


});


});

это не помогло. мешает обработчик mouseout. он вставляет картинку обратно.

сделайте через :hover

не помогло, после изминения перестало работать динамическое обновление.
можно поточнее?

через CSS, а не javascript

а еще поточнее? :)

как я понял через это

a:hover, a:active, a:focus { 
	text-decoration: none;
}

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

$(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 вокруг картинки.

$(document).ready(function(){
		
			$('#btn1').click(function(){
	document.img1.src='on2.png'
	document.img2.src='kpz.png'
	document.img3.src='cvz.png'
				$.ajax({
					url: "page1.html",
					cache: false,
					success: function(html){
						$("#content").html(html);
					}
				});
			});
			
			$('#btn2').click(function(){
	document.img1.src='on.png'
	document.img2.src='kpz2.png'
	document.img3.src='cvz.png'
				$.ajax({
					url: "page2.html",
					cache: false,
					success: function(html){
						$("#content").html(html);
					}
				});
			});
			$('#btn3').click(function(){
	document.img1.src='on.png'
	document.img2.src='kpz.png'
	document.img3.src='cvz3.png'
				$.ajax({
					url: "page3.html",
					cache: false,
					success: function(html){
						$("#content").html(html);
					}
				});
			});
		});

Нашел решение!) думаю что через focus, и hover остальное реализую

и вопрос напоследок,

<script type="text/javascript">
Now = new Date();document.write("Сегодня " + Now.getDate()+ "." + Now.getMonth() + "." + Now.getFullYear() + ". Вы посетили нас: " + Now.getHours() + ":" + Now.getMinutes() + " и " + Now.getSeconds() + " секунд.")
</script>

как вот это закрепить внизу страницы?