Smoothdivscroll：（重新）位置scrolllablearea div点击

Question

我使用smoothdivscroll只在一个较小的div容器中滚动一个宽图像。我还添加了缩略图列表和jquery函数，以便在单击缩略图时替换大图像。

点击缩略图后，“scrollablearea”容器不幸没有跳回到0,0。直到下一个悬停在滚动热点上。

你可以在这里试试：

http://instinct-pictures.com/index.php?option=com_content&view=article&id=26&Itemid=139

向左滚动第一张图片，然后点击2.缩略图。 2.图像存储旧的第一张图像的位置，直到下一个悬停。

我尝试用查询手动定位“scrollablearea”，但它不起作用。有没有人知道如何实现这一目标？由于我只使用一个图像，因此无法使用moveToElement函数。

在下面找到我的缩略图点击功能：

$('.thumbnail').live("click", function() {

    $('#main_Image').hide();

    var i = $('<img />').attr('src',this.href).load(function() {
        $('#main_Image').attr('src', i.attr('src'));
        $(".scrollableArea").css("width", $('#main_Image').width());
    $(".scrollableArea").css("left", 0);


        $('#main_Image').fadeIn();

    });
    return false; 
});