我可以获取图像并通过ajax加载到div中

我有下面的代码，我需要做的是通过ajax将图像从href加载到div …任何帮助表示感谢。 我相信load（）无法加载这样的图像？

 
Image 1
 
Image 2
 
Image 3
 
Image 4
 
 
 

非常感谢，C

Answer 1

您还必须删除当前附加的图像。 这是一个click事件和Image而不是附加标记。

 $('#list li a').click(function () { var url = $(this).attr('href'), image = new Image(); image.src = url; image.onload = function () { $('#image-holder').empty().append(image); }; image.onerror = function () { $('#image-holder').empty().html('That image is not available.'); } $('#image-holder').empty().html('Loading...'); return false; }); 

Answer 2

这将是我会尝试的第一件事，虽然我也是一个初学者：

 var image = $(''); image.attr('src', 'images/image1.jpg'); $('#image-holder').append(image); 

Answer 3

好的。 凌乱但它完美无缺。 一些调整，如添加图像作为背景图像。 这是它，我希望它可以帮助别人！ 非常感谢大家。

Answer 4

如果要动态更改图像，请使用dom您需要做的是更改img src属性

再说img_div是你的父元素

 var im = document.createElement('img'); im.src = 'image_path1'; img_div.appendChild(im); 

在某些事件上，如果您想要更改此图像

 im.src = 'image_path2'