9

我有一个使用 jQuery 动态加载的 JavaScript Image 对象。

我想要做的是<img />用存储在我的Image对象上的图像来更改图像。我该怎么做？

注意：我想避免更改<img />标签的来源，因为它会从服务器再次下载它，并且我已经将图像存储在我的图像对象中

4

4 回答 4

10

你的意思是

$('#imageToChange').replaceWith(imageObject)

?

于 2013-03-10T21:48:51.237 回答
3

新图像对象：

var Image_off = new Image();
Image_off.src = 'first.jpg';

图像 src 用 jQuery 改变：

$("#my_image").attr("src",Image_off.src);
于 2013-03-10T21:55:15.267 回答
1

使用 jQuery... 将两个图像都放在您的页面上，并根据逻辑条件显示或隐藏其中一个。

于 2013-03-10T21:57:04.490 回答
0

在javascript内存中制作新图像，然后将其附加到原始图像之后，然后删除原始图像。您可能还希望在删除之前缓存原件，以防您想重新使用它。

html

<img id="replace" />

js

var img = new Image();
img.src = "someUri.png";
$("#replace").after(img);
$("#replace").remove();
于 2013-03-10T21:48:01.683 回答