私が作成した Web サイトには多数のアコーディオンがあり、それぞれの上部に画像があります。アコーディオンを開くと中に説明があり、画像が切り替わります。アコーディオンを閉じると、画像は最初の画像に戻ります。 問題は、この画像の変更には、フェード効果を伴う滑らかな遷移を持たせたいのですが、現在は単なる突然の変更であるということです。どうすればいいですか?
アコーディオン ボタンの ID が「button」で、最初の画像 (2 番目の画像に変更されます) を含むラベルの ID が「firstimage」だとします。
これは JavaScript コードです:
リーリーこれは CSS で編集する必要があるのでしょうか? CSS で最初の画像にトランジションを追加しようとしました (トランジション: すべての 360 ミリ秒でイーズインとイーズアウト) が機能しません。
2 つの画像を重ねて、不透明度を設定できます。