検索

ホームページ  >  に質問  >  本文

純粋な Javascript を使用して画像置換のためのトランジション効果を実装する

私が作成した Web サイトには多数のアコーディオンがあり、それぞれの上部に画像があります。アコーディオンを開くと中に説明があり、画像が切り替わります。アコーディオンを閉じると、画像は最初の画像に戻ります。 問題は、この画像の変更には、フェード効果を伴う滑らかな遷移を持たせたいのですが、現在は単なる突然の変更であるということです。どうすればいいですか?

アコーディオン ボタンの ID が「button」で、最初の画像 (2 番目の画像に変更されます) を含むラベルの ID が「firstimage」だとします。

これは JavaScript コードです:

リーリー

これは CSS で編集する必要があるのでしょうか? CSS で最初の画像にトランジションを追加しようとしました (トランジション: すべての 360 ミリ秒でイーズインとイーズアウト) が機能しません。

P粉458913655P粉458913655230日前397

全員に返信(1)返信します

  • P粉345302753

    P粉3453027532024-03-30 11:14:29

    2 つの画像を重ねて、不透明度を設定できます。

    リーリー リーリー リーリー

    返事
    0
  • キャンセル返事