0

最新の chrome ではアニメーションがスムーズに表示されますが、Firefox ではアニメーションが非常に悪く見えます。

これは私のソースコードです。おそらく何かが原因で読み込みが遅くなります:

jQuery.fn.Slider = function(Options) {
    var Settings = {
        Width: 900,
        Height: 400,
        Speed: 400
    }
    var SliderSettings = $.extend(Settings, Options);
    var View = $('.slider_view');
    var Images = View.children();
    var CurrentImage;
    var LeftButton;
    var RightButton;
    var Animation = false;

    var Controls = $(this).append('<div class="controls"></div>');

    var NumOfImages = Images.size();

    if (NumOfImages > 1) {
        Controls.append('<div class="slider_leftBtn"></div><div class="slider_rightBtn"></div>');
        LeftButton = $('.slider_leftBtn');
        RightButton = $('.slider_rightBtn');
        LeftButton.hide();
        CurrentImage = 0;
    }

    $(RightButton).click(function() {
        if (!Animation) {
            Animation = true;
            View.animate({ 'left': (parseInt(View.css('left')) - SliderSettings.Width) + 'px' }, SliderSettings.Speed, function() { Animation = false; });
            LeftButton.fadeIn();
            if (++CurrentImage + 1 == NumOfImages)
                RightButton.fadeOut();
        }
    });

    $(LeftButton).click(function() {
        if (!Animation) {
            Animation = true;
            View.animate({ 'left': (parseInt(View.css('left')) + SliderSettings.Width) + 'px' }, SliderSettings.Speed, function() { Animation = false; });
            RightButton.fadeIn();
            if (--CurrentImage == 0)
                LeftButton.fadeOut();
        }
    });
};

私のコードには、FF がそのようにアニメーション化される原因となるアクションはありますか?

これは私が書いた小さなスライダーで、特別なことは何もありません。

アップデート：

次の設定では、FF の実行が遅くなります。

box-shadow: 0px 0px 60px 20px #000;

どうすればその効果を維持できますか？

4

1 に答える 1

0

-moz-transform:translate(x,y) を使用して試すことができます。これはハードウェア アクセラレーションです。

于 2012-05-08T17:32:16.563 に答える