ユーザーがクリックしたときにimgを切り替えるにはどうすればよいですか？

-2

私はwordpressを使用しています。私が作った画像をボタンに変え、ユーザーがそれをクリックすると、同じサイズで別の色の画像に変えてほしい。誰もこれを行う簡単な方法を持っていますか？ユーザーがクリックしたときにimgを切り替えるにはどうすればよいですか？

私のページビルダーの「テキストフィールド」内のすべてを行うことはできますか...また、CSSエディタのバックグラウンドにコードをいくつか持たせる必要がありますか？

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

2017-04-19 chris_852

[Javascriptを簡単onclickの画像スワップ（http://stackoverflow.com/questions/4363439/javascript-simple-onclick-image-swap）の可能性の重複 – Barett

-1

IMG要素の「src」属性を変更するだけで、ブラウザが画像を変更します。

2017-04-19 16:05:37

function changeImg() { 
    Document.getElementById("test").src = "/newSource.png"; 
} 
<img id="test" src="/source.png" onClick="changeImg()"></img>

2017-04-19 16:23:31

セスの回答は完全に機能し、Jqueryなしで動作します。しかし、ここでJqueryをタグとしてリストしたので、Jqueryの関数です。

Function changeImg() { 
    $("#test").attr("src","newImagePath.jpg"); 
}

img要素の上に、今作成した関数を呼び出すonlickイベントを追加すると便利です。

<img id="test" src="/source.png" onClick="changeImg()"/>

2017-04-19 16:40:02 abourne

答えて