如何使用html将图像与网站上的现有图像交换。

时间:2014-07-08 02:17:50

标签: html image swap onmouseover onmouseclick

我的网页上有5张图片。 4的大小相等,一个比其他大得多。我想知道我将如何编写代码来交换并调整其中一个较小的图像,然后单击以替换较大的图像,同时调整较大的图像以适应较小的图像。

我尝试使用onmouseover =" swagImage(' image')"但这只是用另一个替换图像。我想知道如何让图片交换位置。

1 个答案:

答案 0 :(得分:-1)

这可能就是您要找的内容:http://www.w3schools.com/js/js_htmldom_html.asp 查看下面的示例,它将向您展示如何更改图像。现在,代替交换示例,两个图像的src值应该改变每个点的图像。

我会将更改大小作为练习留给读者,但如果你交换宽度和高度特性,它应该有用。