jQuery で動的にロードする JavaScript Image オブジェクトがあります。
私がやりたいのは、オブジェクト<img />
に保存されている画像で画像を変更することです。Image
どうすればいいですか?
注: タグがサーバーから再度ダウンロードされるときにタグのソースを変更したくないのですが、<img />
既にイメージ オブジェクトにイメージが保存されています。
jQuery で動的にロードする JavaScript Image オブジェクトがあります。
私がやりたいのは、オブジェクト<img />
に保存されている画像で画像を変更することです。Image
どうすればいいですか?
注: タグがサーバーから再度ダウンロードされるときにタグのソースを変更したくないのですが、<img />
既にイメージ オブジェクトにイメージが保存されています。
もしかして
$('#imageToChange').replaceWith(imageObject)
?
新しい画像オブジェクト:
var Image_off = new Image();
Image_off.src = 'first.jpg';
jQueryによる画像ソースの変更:
$("#my_image").attr("src",Image_off.src);
jQueryを使用すると...ページに両方の画像が既にあり、論理条件に基づいていずれかを表示または非表示にします。
新しい画像を JavaScript メモリに作成し、元の画像の後に追加してから、元の画像を削除します。再利用したい場合に備えて、オリジナルを削除する前にキャッシュすることもできます。
html
<img id="replace" />
js
var img = new Image();
img.src = "someUri.png";
$("#replace").after(img);
$("#replace").remove();