1

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

});

何か助けはありますか?またはこれを改善するための提案はありますか?

4

0 に答える 0