identify div

Hi

I have ten images each loading dynamically and i have class responsiveimages for each div
now when the user is scrolling up the last image , i want to load ten more images , now how to identify that user is scrolling last image, this is for mobile appliction and i am using asp.net mvc, with html5 and css  and i am not using jquery mobile.

please suggest.
praveen1981Asked:
Who is Participating?
 
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
If you are at least using jquery, you can use last child https://api.jquery.com/last-child-selector/ 
$( "div:last-child" ) 

Open in new window

or in js https://developer.mozilla.org/en-US/docs/Web/API/Node.lastChild 
var tr = document.getElementById("row1");
var corner_td = tr.lastChild;

Open in new window


Since you are generating the div's dynamically, you could just as easy add a class to the div like, "last_image".   Then create an event when that is reached to make an ajax call.
0
 
praveen1981Author Commented:
Thanks
0
 
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
praveen1981, I am glad this worked for you.   You awarded this question a "B" grade. What would have made the answer an "A".  Please note that the grading on EE is not like a school grade.  The default grade should be an "A" http://support.experts-exchange.com/customer/portal/articles/481419-what-grade-should-i-award-?b_id=44

A B grade means the solution given lacked some information or required you to do a good amount of extra work to resolve the problem. When closing the question, the asker should explain why a B grade was awarded.

Will you please let me know what this question lacked?
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.