ricardovtav Postado Junho 14, 2011 Denunciar Share Postado Junho 14, 2011 (editado) boa noite pessoal, seguinte, eu tenho um site, e queria colocar um preloader antes de ele carregar.. tou com este progressbar do jqueryhttp://rdreamdhost.com/site2011/progressbar.htmlcomo eu faço pra colocar ele como preloader, ou seja, quanto chegar a 100% ele carrega a pagina q eu escolher, lembrando que esta pagina estará carregando em segundo plano e so aparecerá quando tudo estiver carregado...o codigo que estou usando para o progressbar é <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> <link rel="stylesheet" type="text/css" href="http://www.rdreamdhost.com/site2011/css/dark-hive/jquery-ui-1.8.13.custom.css" /> <script type="text/javascript" src="http://www.rdreamdhost.com/site2011/js/jquery-1.5.1.min.js"></script> <script type="text/javascript" src="http://www.rdreamdhost.com/site2011/js/jquery-ui-1.8.13.custom.min.js"></script> <script type="text/javascript"> $(function() { $( "#barra" ).progressbar({ value: 59 }); }); </script> </script> <style type="text/css"> #barra {width: 400px; margin: 25% auto} </style> </head> <body> <div id="barra" align="center"><div id="progressbar"></div></div> </body> </html> Editado Junho 17, 2011 por fercosmig add tags Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
ricardovtav
boa noite pessoal, seguinte, eu tenho um site, e queria colocar um preloader antes de ele carregar.. tou com este progressbar do jquery
http://rdreamdhost.com/site2011/progressbar.html
como eu faço pra colocar ele como preloader, ou seja, quanto chegar a 100% ele carrega a pagina q eu escolher, lembrando que esta pagina estará carregando em segundo plano e so aparecerá quando tudo estiver carregado...
o codigo que estou usando para o progressbar é
<head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> <link rel="stylesheet" type="text/css" href="http://www.rdreamdhost.com/site2011/css/dark-hive/jquery-ui-1.8.13.custom.css" /> <script type="text/javascript" src="http://www.rdreamdhost.com/site2011/js/jquery-1.5.1.min.js"></script> <script type="text/javascript" src="http://www.rdreamdhost.com/site2011/js/jquery-ui-1.8.13.custom.min.js"></script> <script type="text/javascript"> $(function() { $( "#barra" ).progressbar({ value: 59 }); }); </script> </script> <style type="text/css"> #barra {width: 400px; margin: 25% auto} </style> </head> <body> <div id="barra" align="center"><div id="progressbar"></div></div> </body> </html>Editado por fercosmigadd tags
Link para o comentário
Compartilhar em outros sites
0 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.