jquery woes, image replacement

Question

현재 사용자가 이미지의 축소판을 클릭하고 축소판을 클릭하고 주 이미지의 src를 대체하여 축소판의 더 큰 버전을 표시하는 프로젝트를 만들고 있습니다.

$('.alternative_images a').click(function(e){ 
    var imgSrc = $(this).attr('href'); 
    $('.mainImage').attr('src', imgSrc); 
    $('#image').attr('href', imgSrc); 
    $('#image').attr('rel', $(this).attr('title')); 

    e.preventDefault(); 
}); 

이 잘 작동, 나는 또한, jqZoom을 구현하지만 페이지에 더 큰 이미지의 유혹에 의해, 확대 된 이미지를 찾고있다, 항상 클릭하여 관계없이 이미지를 변경 여부와 같은 이미지를 보여줍니다 축소판에

문제의 페이지입니다 http://mensclothingroom.factoryagency.co.uk/product/ben-fogle-collection-expedition-sock/

Answer 1

당신은 전체 요소를 교체 할 필요가 대신 상대 src 속성 대체 될 수 있습니다

$('.mainImage').replaceWith('<img src="'+imgSrc+'" class="mainImage">'); 

,536을