onclick() 関数による画像の変更
P粉242535777
P粉242535777 2023-08-18 08:53:28
0
1
497
<p>オブジェクトをクリックすると、ある画像を別の画像に変更したいと考えています。コードは次の順序で積み重ねられます: </p> <pre class="brush:php;toolbar:false;"><li><img><テキスト></img></li>
  • <テキスト>
  • <テキスト>
  • <テキスト>
  • <テキスト>
  • < <p>私が望むのは、<code><li></code> をクリックすると、画像が別の画像のカラー バージョンに変わることです。これで、JQuery/JS を使用して実行できることがわかりました。しかし、このような単純な機能を実現するために大量の JS コードを追加したくありません。 </p> <p>もっと簡単な方法はありますか?疑似セレクター<code>.active</code>クラスのようなメソッド? </p> <p>思いつきません。 </p>
    P粉242535777
    P粉242535777

    全員に返信(1)
    P粉111627787

    JavaScript を使用して画像の onclick イベントを変更するには、次の ID を持つ画像が必要です:

    リーリー

    次に、画像をクリックすると、JavaScript 関数を呼び出すことができます。

    リーリー

    このコードは、現在の img.src が minimum.png に設定されている場合、画像を maximize.png に設定します (逆も同様)。 詳細については、以下をご覧ください。 JavaScript を使用して画像の onclick イベント リンクを変更する

    いいねを押す +0
    人気のチュートリアル
    詳細>
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート