jQuery simple image load

Question

im getting a little issue here. Im trying to load an image, but seems it isnt correct. Im getting the data of image, but i just want to load it instead of.

Whats wrong?

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();

});

James Montagne · Accepted Answer · 2011-09-30 14:56:29Z

1

You should not use load for this. Simply set the src of the image:

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

load is used to make an AJAX call.

answered Sep 30, 2011 at 14:56

James Montagne

78.9k14 gold badges115 silver badges132 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Lucas Veiga Over a year ago

Then how can i preload the image?

James Montagne Over a year ago

Just search for jquery preload images, I'm sure that question has been asked many times.

graphicdivine · Accepted Answer · 2011-09-30 15:02:06Z

0

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

answered Sep 30, 2011 at 15:02

graphicdivine

11.3k7 gold badges35 silver badges60 bronze badges

Comments

Jon F. · Accepted Answer · 2011-09-30 15:17:20Z

0

It might make more sense to just use an img tag, dynamically sourced and faded in:

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

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

answered Sep 30, 2011 at 15:17

Jon F.

1941 silver badge4 bronze badges

Collectives™ on Stack Overflow

jQuery simple image load

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related