2016-06-28 5 views
0

さまざまなことが起こったときに読み込まれる異なる画像の間でフェードしたい。私はいくつかのif、elseルールを作成し、fadeIn()でjQueryにすべての新しいイメージをフェードインするように指示することができると考えました。しかし、それは動作していないと私は理由を知らない。 私はそれが私が把握することができない超小さなコードの事だと思う。あなたたちが私を助けてくれることを願っています!ここでifとelseの間のjQuery fadeIn()

は、これまでの私のコードです:

if(count == 1){ 
    $('.star').html('<img src="' + stern1 + '">').delay(1000).fadeIn('slow'); 
} else if (count == 2){ 
    $('.star').html('<img src="' + stern2 + '">').delay(1000).fadeIn('slow'); 
} else if(count == 3){ 
    $('.star').html('<img src="' + stern3 + '">').delay(1000).fadeIn('slow'); 
} else if(count == 4){ 
    $('.star').html('<img src="' + stern4 + '">').delay(1000).fadeIn('slow'); 
} else if(count == 5) { 
    $('.star').html('<img src="' + stern5 + '">').delay(1000).fadeIn('slow'); 
} else { 
    $('.star').html('<img src="' + stern1 + '">').delay(1000).fadeIn('slow'); 
} 
+2

私はあなたがデモを作成したり、問題を見つけるために、誰のために、関連するソースコードの多くを示す必要があると思います。 'count'と' stern1-5'はどこから来てどこに定義されていますか?ブラウザのコンソールを開いてエラーレポートを確認してください。 – NewToJS

+0

".starはdisplay:noneのスタイル属性を持っていますか?そのクラスに関連するコードを投稿できますか? –

+0

また、カウントを取得しているコードも便利です –

答えて

1

あなたの過ちは、次のとおりです。

あなたのhtmlに

をコンテンツを挿入だから、あなたの努力は、常にコンテンツを表示遅れやフェードインのようには表示されません。

次のことを試してください:

$('.star').html('<img src="' + stern1 + '">').hide().delay(1000).fadeIn('slow'); 
+0

Ifこれをチェックしてください:jsfiddle.net/8L6g2uej – dwd0tcom

+0

@ dwd0tcomこのコード "$( '。star').html(" html ")を使用すると、 '').hide()。delay(1000).fadeIn( 'slow'); "の場合、fadeInプロパティが完全に機能した後に画像が最初に表示されません。 –