Удалить повторяющиеся ссылки

Question

У меня вопрос по поводу некоторого JavaScript, там есть большая картинка и миниатюры, моя функция JavaScript меняет ссылку большой картинки, беря ее из миниатюры, и она отлично работает, но у меня есть и верхний слайд, который работаетдля большой картинки, когда щелкают по большой картинке, ее реальный размер отображается на верхнем слайде, но у меня есть небольшая проблема: когда я меняю ссылку большой картинки, автоматически появляются две ссылки этой картинки, одна вбольшая картинка и другая в виде миниатюры, поэтому мне нужно удалить другую ссылку в миниатюре после того, как я нажму на нее, так что на данный момент это мой сценарий:

$(document).ready(function() {
    $('.image').click(function(event) {
    event.preventDefault();
    var imagePath = $(this).attr("href");
    var newImg = new Image;
    newImg.onload = function(){
        $('#big_picture2').hide();
        $('#big_picture2').attr('src', imagePath);
        $('.product_image_large').attr('href', imagePath);
        $('#big_picture2').fadeIn('slow');
    };
    newImg.src = imagePath;
    });
});

Answer 1

Не проверено, но думаю, что это должно работать:

$(document).ready(function() {
    $('.image').click(function(event) {
    event.preventDefault();
//add big picture link to active thumbnail
$('.image.active').attr('href',$('#big_picture2').attr('src')).removeClass('active');
//set new active thumbnail
$(this).addClass('.active');
    var imagePath = $(this).attr("href");
//remove this href
$(this).removeAttr('href');
    var newImg = new Image;
    newImg.onload = function(){
        $('#big_picture2').hide();
        $('#big_picture2').attr('src', imagePath);
        $('.product_image_large').attr('href', imagePath);
        $('#big_picture2').fadeIn('slow');
    };
    newImg.src = imagePath;
    });
});