How do I abort image

Question

I have a very long page that dynamically loads images as users scroll through.

However, if a user quickly scrolls away from a certain part of the page, I don\'t want

Answer 1

1. Use a stack to manage ajax requests (means you will have serial loading instead of parallel but it is worth it)

2. On scroll stop, wait for 300ms and then push all images inside view-area into stack

3. Every time a user scrolls check if a stack is running. (fyi - you can stop all requests to a particular url instead of killing all ajax calls. also you can use regex so it should not stop any other requests on the page)

4. If an existing stack is running - pop all the images that are in it except for the top most one.

5. On all ajax calls - bind beforeSend() event to remove that particular image from the stack

It is late right now, but we have done something very similar at work - if you need the detailed code let me know.

Cheers!