如何在HTML中动态更改图像的来源?

时间:2009-12-21 19:19:22

标签: html

请帮助我解决这个问题我正在尝试动态更改图像的来源。

1 个答案:

答案 0 :(得分:15)

客户端(动态)图像交换......

您需要使用javascript:

<img src="image1.jpg" id="myImage" />

<script type="text/javascript">
  document.getElementById("myImage").src = "image2.jpg";
</script>

介绍jQuery ......

如果这是您正在寻找的响应类型,那么我还想向您发出邀请以开始签出和jQuery之类的javascript框架,这使得这类内容更容易做到/管理。在jQuery中,您可以使用以下代码完成相同的操作:

$("#myImage").attr("src", "image2.jpg");