I am developing a JQuery mobile application using asp.net MVC 4 razor. In my application,there are list of images saved in database.
Is it possible to show these images in view in progressive manner?
Share
Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I am developing a JQuery mobile application using asp.net MVC 4 razor. In my application,there are list of images saved in database.
Is it possible to show these images in view in progressive manner?
What I understand for your question is you do not want to load images which are outside of viewport (visible part of web page). You want to lazy load your images.
Check this jQuery plugin:
Lazy Load Plugin for jQuery
See Working Demo
Lazy Load is a jQuery plugin written in JavaScript. It delays loading of images in long web pages. Images outside of viewport (visible part of web page) wont be loaded before user scrolls to them. This is opposite of image preloading.
Using Lazy Load on long web pages containing many large images makes the page load faster. Browser will be in ready state after loading visible images. In some cases it can also help to reduce server load.