1

リンクがタップされるとすぐに画像が変更されます。javascriptとhtmlでこれを実現するにはどうすればよいですか？私は試して情報を収集し、コードを思いついた

    <script type="text/javascript">
      function changeImage(element) {
      document.getElementById('imageReplaceTel').src = element;}
    </script>

<a href={{callphonenumber}} style="color:white" onclick="changeImage({{asset('bundles/testProject/images/telephoneSelected.png')}})">
    <img src="{{asset('bundles/testProject/images/telephone.png')}}" width="54px" height="54px" id="imageReplaceTel" alt="Images"></img></a>

私はこれがうまくいくことを望んでいましたが、うまくいきませんでした.JavaScriptの初心者であるため、何かが欠けている可能性があります. ありがとう

4

2 に答える 2

1

javascript と html を使用すると、次のようになります。

<script type="text/jscript">
function Changetheimage() {
    document.getElementById("img1").src = "imagefoldername/Imagename2.jpg";
}
</script>
</head>
<body>
<a onclick="Changetheimage()">click here</a>
<img src="imagefoldername/Imagename1.jpg" id="img1" alt="" />

注: 「Img1」は変更する画像の ID に置き換える必要があります JavaScript の「imagefoldername/Imagename2.jpg」は、表示する新しい画像のディレクトリに変更する必要があり、「imagefoldername/Imagename1.jpg」に変更する必要があります。現在表示されている画像に変更する必要があります

于 2013-08-23T07:14:37.703 に答える