CSS jQuery的 - 展示圖片（淡入）

Question

我一直在使用jQuery有一段日子，只是想用它真的。所以，我認爲它的時間我自己建立了一個新的個人展示/投資組合網站，我目前正在製作一個互動展示臺，展示一件作品，並且用戶按下下一個按鈕以移動展示下一張工作。

的「工作」是與後臺設置的圖像（其是實際的「工作」）一個div設置。

基本上，我想知道，如果它可以淡出CSS背景圖片，替換它，然後在褪色？

我正在考慮爲我的每項工作使用不同的div，每種都使用獨特的css，使用dsiplay：none，並在用戶單擊「下一個」時使用jQuery淡入每項工作。但如果我有超過50件作品展示，那可能會變得有點混亂。所以我只是想知道如果我可以有一個div，一個css，並使用jQuery淡出css背景圖像，替換和淡入。

我還沒有真正構建過我的代碼，因爲我是還是在「想法」階段： -/

在先進的感謝！

Answer 1

爲每張照片不同元素的好處是，瀏覽器會預載的圖片，並且使應用程序顯得更加敏感，如果你在另一個背景面對你可能是裝的正是時候，它可能是在轉換過程中，特別是在低速連接時可見。無論如何，我的想法是div方法更好。

Answer 2

您不能在背景圖像上使用.fadeIn（），但有解決方法，請參閱A way to fade in the background on load? 以獲得更多討論。