Jump to content
  • 0

Splash loading page


Thanna

Question


  • Group:  Members
  • Topic Count:  45
  • Topics Per Day:  0.01
  • Content Count:  271
  • Reputation:   7
  • Joined:  01/06/12
  • Last Seen:  

can someone make a simple splash page for me that can show the percent of the loaded page, I just want it simple no backgrounds, I just want the functionality thanks in advance

Link to comment
Share on other sites

3 answers to this question

Recommended Posts


  • Group:  Members
  • Topic Count:  30
  • Topics Per Day:  0.01
  • Content Count:  782
  • Reputation:   82
  • Joined:  01/01/12
  • Last Seen:  

Splash page with loading? Are you running a flash/html5 website?

Link to comment
Share on other sites


  • Group:  Members
  • Topic Count:  45
  • Topics Per Day:  0.01
  • Content Count:  271
  • Reputation:   7
  • Joined:  01/06/12
  • Last Seen:  

I just need a jquery like loading page

Link to comment
Share on other sites


  • Group:  Members
  • Topic Count:  1
  • Topics Per Day:  0.00
  • Content Count:  2
  • Reputation:   0
  • Joined:  11/01/12
  • Last Seen:  

Jquery:

$("body").on({
   ajaxStart: function() {
    $(this).addClass("loading");
   },
   ajaxStop: function() {
    $(this).removeClass("loading");
   }   
});

CSS:

.modal {
display:    none;
position:   fixed;
z-index:    1000;
top:	    0;
left:	   0;
height:	 100%;
width:	  100%;
background: rgba( 255, 255, 255, .8 )
	    url('http://i.stack.imgur.com/FhHRx.gif')
	    50% 50%
	    no-repeat;
opacity: 0.80;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 80);
filter: alpha(opacity = 80)};

Change URL inside the CSS Code to your preferred URL just incase you don't like that spinner.

Link to comment
Share on other sites

×
×
  • Create New...