jQuery简单的图像加载

Question

我在这里得到一点问题。我试图加载图像，但似乎它是不正确的。我正在获取图像数据，但我只是想加载而不是。

怎么了？

var url = $(this).find("img").attr("ref");

$("#produto .main-photo .photo img").load(url, function() {

                    $("#produto .main-photo .loader").fadeOut();
                    $("#produto .main-photo .photo").fadeIn();

});

Answer 1

您不应该使用load。只需设置图片的src：

$("#produto .main-photo .photo img").attr("src",url);

load用于进行AJAX调用。

Answer 2

$('<img/>')[0].src = yoururl;

Answer 3

使用img标记，动态源代码和淡入淡出可能更有意义：

var img = $("#produto .main-photo .photo img");
var url = $(this).find("img").attr("ref");

img.fadeOut();
img.attr('src', url);
img.fadeIn();