jquery - jQuery 缩略图轮播的问题

Question

创建一个从 flickr 加载图像的 jQuery 轮播。我的大部分工作都在工作，但似乎无法弄清楚如何阻止轮播滚动超过图像的末尾。我一直在尝试计算缩略图所在列表的宽度，但我似乎只能获得可见区域的宽度。

这是小提琴：http: //jsfiddle.net/Eku5K/

这是滚动功能...

var change = "250px";
$(".scroll.left").click(function () {
    var thumbLeft = thumbs.css("left");
    if ((parseInt(thumbLeft) * -1) < parseInt(change)) {
        $(".thumbs ul").animate({
            'left': "0"
        });
    } else {
        $(".thumbs ul").animate({
            'left': "+=" + change
        });
    }
});

$(".scroll.right").click(function () {
    var thumbLeft = thumbs.css("left");

    $(".thumbs ul").animate({
        'left': "-=" + change
    });

});

有什么帮助吗？或者有什么改进的建议？