Смена картинки при нажатии на ссылку

Заменить src большого рисунка на src маленького. При необходимости прогнать через replace (вместо миниатюрки, например, большое выводить)

http://stackoverflow.com/questions/7312553/change-image-source-with-javascript

не совсем понял. Должна не открываться во всплывающем окне, а просто меняться картинка на совершенно другую, а не на эту же меньшего размера. При этом кликать следует по ссылкам справа, а не по самой картинке.

Вам в помощь jQuery.

Код примерно такой:

$(document).ready(function() {

$('#small a').click(function(eventObject) {

if ($('#big img').attr('src') != $(this).attr('href')) {

$('#big img').hide().attr('src',$(this).attr('href'));

$('#big img').load(function() {

$(this).fadeIn(2000);

});

}

eventObject.preventDefault();

});

$('#switchGal').toggle(function() {

$('#gallery').slideDown(2000);

},

function() {

$('#gallery').slideUp(2000);

});

$('#small a img').click(function() {

$('#small a img').fadeTo(1000,1);

$(this).fadeTo(1000, 0.6);

});

Но под Ваш запрос необходимо немножко "допилить"...