Thay đổi hình ảnh <img /> bằng JavaScript Đối tượng hình ảnh

Question

Tôi có JavaScript Image object mà tôi tải động với jQuery.

Điều tôi muốn làm là thay đổi hình ảnh <img /> bằng hình ảnh được lưu trữ trên đối tượng Image của tôi. Làm thế nào tôi nên làm điều này?

Lưu ý: Tôi muốn tránh thay đổi nguồn gốc của thẻ <img /> của tôi như nó tải về nó một lần nữa từ máy chủ, và tôi đã có những hình ảnh được lưu trữ trong đối tượng hình ảnh của tôi

Answer 1

Bạn có nghĩa là

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

?

Answer 2

Hãy hình ảnh mới của mình trong bộ nhớ javascript, và sau đó thêm nó sau hình ảnh gốc, sau đó loại bỏ bản gốc. Bạn cũng có thể lưu bộ nhớ cache gốc trước khi xóa nó trong trường hợp bạn muốn sử dụng lại nó.

html

<img id="replace" /> 

js

var img = new Image(); 
img.src = "someUri.png"; 
$("#replace").after(img); 
$("#replace").remove(); 

Answer 3

mới đối tượng hình ảnh:

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

hình ảnh thay đổi src với jQuery:

$("#my_image").attr("src",Image_off.src); 

Answer 4

Với jQuery ... có cả hình ảnh đã có trên trang và hiển thị hoặc ẩn hoặc là một, dựa trên một điều kiện logic.