Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用html将图像与网站上的现有图像交换。_Html_Image_Swap_Onmouseover_Onmouseclick - Fatal编程技术网

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

如何使用html将图像与网站上的现有图像交换。,html,image,swap,onmouseover,onmouseclick,Html,Image,Swap,Onmouseover,Onmouseclick,我的网页上有5张图片。4个大小相等,其中一个比其他的大得多。我想知道如何编写代码,在单击时交换并调整其中一个较小图像的大小以替换较大的图像,同时调整较大图像的大小以适应较小图像的位置 我尝试使用onmouseover=“swagImage('image')”但这只是用另一个图像替换图像。我想知道我怎样才能使图片交换位置 这可能就是您正在寻找的: 看看下面的示例,它向您展示了如何更改图像。现在,交换两个图像的src值应该改变每个点中的图像,而不是示例 我将把更改大小作为练习留给读者,但如果您交换宽

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


我尝试使用onmouseover=“swagImage('image')”但这只是用另一个图像替换图像。我想知道我怎样才能使图片交换位置

这可能就是您正在寻找的: 看看下面的示例,它向您展示了如何更改图像。现在,交换两个图像的src值应该改变每个点中的图像,而不是示例


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

什么是
swagImage()
?请向我们提供您的代码。如果您需要一些真正的帮助,请将您所有相关的HTML、CSS和Javascript/jQuery发布到一个请避免链接到W3的网站中。这一页是一个很好的理由。