2016-12-21 6 views
0

誰かがこのコードの問題を見つけるのを助けることができます。このコードは私に同じ画像を3回も表示します、tree.png ??ちょうど私を見せてください。tree.png

var bankImages = ["troyano", "backup", "tree"]; 

jQuery.each(bankImages, function(i, val) {     
    $('#imagesContainer').css("background-image","url(../images/" + val + ".png)") 
         .animate({width: "show"}) 
         .delay(500) 
         .animate({width: "hide"}); 
}); 
+0

'.css()'はアニメーションやキューに入れられた他のアクティビティが完了するのを待たず、最後のイメージの背景もアニメーション化される前に設定されます。 –

+0

ああ!完璧、ありがとう。しかし、それを解決する考えはありますか? –

+0

はい、すぐに反復しないでください。代わりに '.animate()'のコールバックパラメータを使用して次の画像に進みます。 –

答えて

1

これは、私があなたがやろうとしていることをやっている最悪の方法です。
treeは、配列内の最後の項目あると$('#imagesContainer')の背景として設定されているので、あなたは関係なく、その前に、アレイ内のすべてのアイテムの、tree 3回を見ています。

画像を変更するには、別のロジックが必要です(恐らくsetIntervalまたはsettimeoutテクニックを使用することを検討する必要があります)。

関連する問題