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/2,0); var left=Math.max($(window).width()/2-loading[0].offsetWidth/2,0); loading.css({top:top,left: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 Tp · 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 Beg · 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 flipkart,amazon etc. Please help me. asap

Salman Beg · Answer

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