Loading images for eCommerce home page

Question

I am making a eCommerce Home Page loads multiple images on the selection of some filters. I use Ajax to load the images and use Ajax to have a small circle as a waiting symbol

Ananth G · Answer

you add below code text/javascript src= http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js > text/javascript > function ShowProgress(){ setTimeout( function (){ var modal=$( ' ' ); modal.addClass( modal ); $( 'body' ).append(modal); var loading=$( .loading ); loading.show(); var top=Math.max($(window).height()/2-loading[0].offsetHeight/20); var left=Math.max($(window).width()/2-loading[0].offsetWidth/20); loading.css({top:topleft:left}); }200); } $( 'form' ).live( submit  function (){ ShowProgress(); }); text/css > .modal { position : fixed ; top: 0 ; left: 0 ; background-color : black ; z-index : 99 ; opacity: 0.8 ; filter:alpha(opacity= 80 ); -moz-opacity: 0.8 ; min-height : 100% ; width : 100% ; } .loading { font-family : Arial ; font-size : 10pt ; border : 5px solid #67CFF5 ; width : 200px ; height : 100px ; display : none ; position : fixed ; background-color :White; z-index : 999 ; } div class = loading align = center > Loading.Pleasewait. br /> br /> img src = loader.gif alt =  /> div >

Midhun T P · Answer

Hi Please check below threads - http://stackoverflow.com/questions/4684722/show-loading-image-while-ajax-is-performed http://stackoverflow.com/questions/2509711/display-loading-image-while-post-with-ajax

Salman · Answer

Please follow this video https://www.youtube.com/watch?v=gpqm2WNDL08 and simultaneously while loading the images you can use a loader to display it. thanks.

Sudhir Kumar · Answer

Hello Salman I have create ecommerce application using mvc 5. but my question is that how to load image with loader using ajax and ajax loader like flipkartamazon etc. Please help me. asap

Salman · Answer

Hi. What is your question.Please explain clearly. thanks.