Question

156

Delay image loading with jQuery

rated 0 times [ 161] [ 5] / answers: 1 / hits: 35843 / 14 Years ago, mon, may 24, 2010, 12:00:00

I have a page with several galleries including accordions and sliders. The problem is that the page takes forever to load. Is there a way of wrapping an image in a bit of code or applying a class to it to force it to load only after everything else is loaded?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

darrell

Add To Favorites

Follow

Total Points: 109

Total Questions: 113

Total Answers: 113

Location: Zambia

Member since Sat, Oct 31, 2020

4 Years ago

darrell questions

1 How to pass Github secrets as value in json file?

Mon, May 9, 22, 00:00, 2 Years ago

1 How to imperatively handle an error, with react-query?

Sat, Mar 19, 22, 00:00, 2 Years ago

1 Uncaught SyntaxError: Unexpected token '< ' in Laravel/Vue Application

Sat, Dec 19, 20, 00:00, 4 Years ago

1 Trouble with fetch error handling in Reactjs

Sat, Oct 10, 20, 00:00, 4 Years ago

1 How to put both normal text and embed in the same message? discord.js

Thu, Sep 24, 20, 00:00, 4 Years ago

View All

answered 14 Years ago herman · Accepted Answer

Sure you can. Replace your img src attributes with a #, and add a custom attribute, something like this:

<img src=# data-delayedsrc=/img/myimage.png />

Then, add a javascript line when your page loads that does something like this:

$('img').each(function(){

  $(this).attr('src', $(this).data('delayedsrc'));

});