Question

I have a question regarding some JavaScript, there is a big picture and the thumbnails, my JavaScript function changes the link of the big picture taking it from a thumbnail, and it works fine, but also I have a highslide, that works for a big picture, when the big picture is clicked, its real size is shown in a highslide, but I have a little problem, when I change the link of a big picture, it automatically comes two links of this picture, the one in a big picture and the other in a thumbnail, so I need to be deleted the other link in a thumbnail after I click on it, so this is my script for now:

$(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

Untested but think this should work:

$(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;
    });
});