CSS jQuery - ショーケースイメージ（フェード）

Question

私は今、jQueryを数日間使用していますが、実際にそれを実際に使用しようとしています。だから私は自分自身を新しい個人的なショーケース/ポートフォリオのウェブサイトを構築し、現在作業中の作品を表示するインタラクティブなショーケースに取り組んでいて、次のボタンを押して次の作業。

「仕事」は、画像の背景セット（実際の「仕事」）と一緒にdivに設定されます。

基本的には、CSSの背景画像をフェードアウトして置き換えてからフェードインできるかどうかを知りたいのですが？

dsiplay：noneとjQueryを使用して、各作業ごとに異なるCSSを使用して、それぞれが「次へ」をクリックしたときに各作業をフェードインすることを考えています。しかし、もし私が50以上の作品を見せているのであれば、ちょっと面倒なことになるかもしれません。だから私は1つのCSSを持った1つのdivを持つことができ、jQueryを使ってCSSの背景イメージをフェードアウトして置き換え、フェードインすることができますか？まだ「アイデア」段階： -/

ありがとうございました！

Answer 1

画像ごとに異なる要素を使用する利点は、ブラウザが画像をプリロードして、アプリケーションをより反応的に見せかけることです。別のバックグラウンドで直面していると、すぐに読み込まれる可能性があります。移行中、特に低速接続では目立つようになります。私の考えは、divのアプローチはとにかく良いです。

Answer 2

バックグラウンドイメージでは.fadeIn（）を使用できませんが、回避策があります。詳細はA way to fade in the background on load? を参照してください。