0

アニメーションで背景画像をスライドさせようとしています。私の最初の背景画像なら私が望むように。2番目は開始を継続します

これが私のコードです

$('.next').live('click',function() {
            $('.ac_bgimage').animate({
                left:"-80em"    
            },1500, function(){
                test();
        });  

        });
        function test() {
        $('.ac_bgimage').attr('src','images/2.jpg');
        $('.ac_bgimage').css('left','0em');
    }

最初の画像は正常に機能していますが、空白の画面が表示されます。この空白の画面で私は2番目の次の画面が欲しい

前もって感謝します

4

1 に答える 1

0

あなたのことを正しく理解しているかどうかは完全にはわかりませんが、いくつかの考えを以下に示します。

コールバックは、アニメーションが終了した後に呼び出されます。コードによると、最初の画像が左に移動し、「なくなる」と 2 番目の画像が元の場所に表示されるはずです。画像タグは一度に 1 つのソースしか保持できないため、この「ギャップ」をどうやっても取り除くことはできません。

また、この場合、アニメーション化emは悪い選択かもしれませんpx。代わりに値を試してみます。動的な値の場合は、例を使用して読み取ります.width()。

単純な画像の回転が必要な場合は、それを行う jQuery 用のプラグインが無数にあります。私は少し前に本当に小さな解決策を自分で書いたことがあります。多分コードはあなたにいくつかの指針を与えることができます: https://github.com/polarblau/simpleslider

于 2011-09-28T05:46:38.067 に答える