負荷だけでなく、私はjqueryの内の画像をフェードインする方法については、この記事を見つけましたjqueryの

Question

で画像を表示：4を言うことができます

jquery: fade in image after image

しかし、私が最初にロードする必要があるとして、私はこれを行う方法を確認していません画像：

1.jpg 
2.jpg 
3.jpg 
4.jpg 

私は4枚のJPEG画像を持っていますので、30秒ごとにフェードインとフェードアウトしたいと思います。 最初にページにロードしてから、jqueryでそれぞれのフェードインとフェードインを行うにはどうすればいいですか？

Answer 1

まず、表示画像1は、画像2、その後、3、4、再び1、2 ...

あなたはimgタグを使用して画像を挿入するcycle plugin

に興味があるかもしれません、例のコードは次のようになります。

<img src="path/to/your/image.jpg" alt="description of your image" width="100" height="100" /> 

altは、写真が表示されない場合（画像の表示が無効になっている例）に表示されるため、重要です。検索にとっても重要です。写真をロードした後にウェブサイトのサイズが変更されないため、幅と高さは重要ですが、一部のスペースは予約されます。それは

$('image').hide() .load(function() { $(this).fadeIn(); }) 

しかし、私が提供しているリンクは、あなたが必要な正確に何をするために必要なすべての例が含まれ、プラスあなたの問題に取り組むために、より素敵な方法のカップル