Lazy Load Images In ASP.NET

Question

I have div that contains quite a few images. When I say quite a few, the number of images could be in their hundreds.

I have some jQuery for the div that contains my images to scroll through all the images horizontally in a carousel format.

I am quite concerned with the amount of images I that will be rendered on the page and I know it will affect the page loading times.

I would be grateful if someone could show me a way to lazy load my images based on what is shown in my div.

Community · Accepted Answer · 2017-05-23 12:14:43Z

5

Check out this lazy loading jQuery plugin:

http://plugins.jquery.com/lazyload/

See this SO thread for more information:

Javascript: Lazy Load Images In Horizontal Div?

edited May 23, 2017 at 12:14

CommunityBot

11 silver badge

answered Mar 16, 2011 at 20:43

Kelsey

47.8k16 gold badges128 silver badges162 bronze badges

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

4 Comments

R100 Over a year ago

Will lazy loading all the images this way make a considerable difference to the page loading time? The image tags will still be generated on the page as the carousel is rotating through the images.

Kelsey Over a year ago

@R100 the raw HTML shouldn't be an issue, it's loading the actual images themselves that will slow things down and that will be delay for images not visible. Quote from the plugin page: "Lazy loader delays loading of images in (long) pages. Images below the fold (far down in the page) wont be loaded before user scrolls down."

R100 Over a year ago

Ok I shall take a look. Thanks!

Kelsey Over a year ago

@Tom this thread is 5 years old... but I updated it :) Hope it helps.

Collectives™ on Stack Overflow

Lazy Load Images In ASP.NET

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related