使用JavaScript onclick()来更改图像

时间:2017-08-27 23:32:36

标签: javascript html html5 image onclick

我希望能够点击侧面菜单的li元素,它应该使图像显示为将当前图像更改为另一个。

这是我应该使用的编码,但它没有,我不知道我是否错过了什么或错了什么。

<activity
   android:name=".Activties.InventoryDescription"
   android:theme="@android:style/Theme.Dialog" />
<activity

谢谢。

1 个答案:

答案 0 :(得分:0)

是的,你可以按照自己的意愿去做,但不需要document.write。

&#13;
&#13;
<aside>
    <ul>
        <li onClick="LoadImage(blanket)" style="cursor: pointer;" >Blanket Flower</li>
        <li onclick="LoadImage(rugosa)" style="cursor: pointer;" >Hedge Rose</li>
        <li onclick="LoadImage(bluestem)" style="cursor: pointer;">Little Bluestem</li>
    </ul>
</aside>

  <article>
     <figure>
     <img src="#" width="640" height="400" alt="" title="" id="plantImg"/>
         <figcaption>
            <script>
            
            function LoadImage ( src_ ) {
                  
              document.getElementById('plantImg').src = src_;
              
            }
            
                var blanket = "https://ckeditor.com/tmp/4.4.0/assets/js.png";
                var bluestem = "https://tag.ruuvi.com/assets/images/ruuvi-tag-javascript.png";
                var rugosa = "https://upload.wikimedia.org/wikipedia/commons/thumb/c/ce/Unofficial_JavaScript_logo.svg/1024px-Unofficial_JavaScript_logo.svg.png";
                
                
                
        </script>
        </figcaption>
     </figure>
  </article>
&#13;
&#13;
&#13;