jQuery - Parameters in load function

Question

Is it possible to pass parameters through the load function when using it for multiple images?

var images = {0 : {target_ : 'url', foo : 'foo', bar : 'bar'}, 1 : {target_ : 'url',foo : 'baz', bar : 'qux'}};

for(var image in images){
   var x_ = image.foo;
   var y_ = image.bar;
   $(image.target_).load(function(){
    console.log(x_ + y_);
   });
}

Why don't you test it? Note that when you want to create a string value you should use quotes. `var x_ = 'foo';` — Ram, Apr 07 '13 at 14:59

score 2 · Accepted Answer · answered Apr 07 '13 at 14:58

2

Or you can use the data attribute to store additional information's on image's.

And than you can do something like

$(image).load(function(){
    var x__ = $(this).data("x");
    var y__ = $(this).data("y");
});

While the img tag could be something like

<img src="#" data-x="someValx" data-y="someValy">

answered Apr 07 '13 at 14:58

Rosmarine Popcorn

10,761
11
59
89

Yeah, this seems to be a option, but wont this slow down the script? – Philip Apr 07 '13 at 15:03

jQuery - Parameters in load function

1 Answers1