jquery call a function after script load time

Question

i have a page with something like:

link
link
link
link
somethingelse(div)

with my script i change the link in a img and the after i have to edit the somethingelse....

but now i have a problem.. i need the cords of the div but when i try to get it i get the cords BEFORE the img is loaded.... and i get the wrong cords....

how i can run the function after the complete load of the images?

pseudocode:

$("a").each(function(){ replaceAtoIMG(this)}); //change <a> with <img> and add a new image loading
$("div").each(function(){ $(this).position() }); //return value BEFORE the fully completed load

Easy. wait until the images are loaded to get the position. If you are unsure of how to do that, maybe that should have instead been your question, however that's a duplicate many times over. — user400654
– user400654, Commented Jun 16, 2014 at 18:08
Nether of those methods will help you. you will have to loop over each image and detect when each one finishes. When they are all finished, you then get the position. — user400654
– user400654, Commented Jun 16, 2014 at 18:26
oh something like $('img').on('load', function() { if ($('img').length == X) else X++ }); — Trigun
– Trigun, Commented Jun 16, 2014 at 18:52

Palmer · Accepted Answer · 2014-06-16 23:06:20Z

1

$('img').on('load', function() {
   // do whatever you want
});

This should solve your on load problem at least.

Sorry, was at work and using phone for stackoverflow so had to be quick.

However, if needing your function to apply to each image on load then you can wrap your on load function inside an each() function. Untested so might need a little fandangling:

$('img').each(function(){
       $(this).on('load', function() {
   // do whatever you want  });  
 });

That should attach that function to all img tags and trigger when theyre done loading. Then you can use their coords or what not youre trying to achieve. Your pseudocode confused me.

edited Jun 16, 2014 at 23:06

answered Jun 16, 2014 at 18:29

Palmer

7813 bronze badges

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

Collectives™ on Stack Overflow

jquery call a function after script load time

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related