Publicado em 7 de dez.

Barra progressiva

Pessoal preciso de ajuda novamente do forum, nao sei se estou postando no lugar certo, se nao for desculpe...

Tenho uma pagina em ASP que tem diversas fotos tudo pequenas, para ampliar as fotos tenho um java script, mas se nao carregar a pagina inteira, ou seja, 100% nao amplia as fotos, alguem tem alguma ideia de como posso fazer para colocar uma barra progressiva de quanto a pagina carregou ou o que posso fazer para que o usuario aguarde carregar 100% ?

Valeu galera

Discussão (5)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

EduardoVR· 8 de dez.

>
Pessoal preciso de ajuda novamente do forum, nao sei se estou postando no lugar certo, se nao for desculpe...

Valeu galera

você pode fazer um "escurecimento" da tela ao estilo lightbox e colocar uma imagem tipo "carregando" e no onload do body, você some com o escurecimento e com a imagem de carregando... acho que te atenderia

xanburzum· 8 de dez.

dá uma pesquisada no forum k existem exeomplos de progress bar, pode te ajudar

desisto· 8 de dez.

isso seria js

xanburzum· 8 de dez.

olha este exemplo

<%@ Language=VBScript %>
<%Option explicit
' prgress bar
'-----------------------------------------
sub main()

Dim countinner, countouter, count1, count2, j,k

'if Request.Form ("Submit") = "Submit" then
'else
call display
'end if

end sub

'-----------------------------------------
sub display()
%>

 <html>
 <head>
 <title>Progress Bar</title>
 <script language="javascript">
 <!--

 var timerID = null;
 var timerRunning = false;
 var timeValue = 1000; //o incremento de tempo em mS
 var count = 0;
 var finish = false;
 / / carregar as imagens para a barra de progresso
 image00 = new Image(); image00.src='image-00.gif';
 image01 = new Image(); image01.src='image-01.gif';
 image02 = new Image(); image02.src='image-02.gif';
 image03 = new Image(); image03.src='image-03.gif';
 image04 = new Image(); image04.src='image-04.gif';
 image05 = new Image(); image05.src='image-05.gif';
 image06 = new Image(); image06.src='image-06.gif';
 image07 = new Image(); image07.src='image-07.gif';
 image08 = new Image(); image08.src='image-08.gif';
 image09 = new Image(); image09.src='image-09.gif';
 image10 = new Image(); image10.src='image-10.gif';

 function increment() {
 count += 1;
 if (count == 0) {document.images.bar.src=image00.src;}
 if (count == 1) {document.images.bar.src=image01.src;}
 if (count == 2) {document.images.bar.src=image02.src;}
 if (count == 3) {document.images.bar.src=image03.src;}
 if (count == 4) {document.images.bar.src=image04.src;}
 if (count == 5) {document.images.bar.src=image05.src;}
 if (count == 6) {document.images.bar.src=image06.src;}
 if (count == 7) {document.images.bar.src=image07.src;}
 if (count == 8) {document.images.bar.src=image08.src;}
 if (count == 9) {document.images.bar.src=image09.src;}
 / / Se você quer que ele repita o bar continuamente em seguida, use esta linha
 if (count == 10) {document.images.bar.src=image10.src; count=-1;}
 / / Se você quer parar de repetir o bar então, usar essa linha
 //if (count == 10) {document.images.bar.src=image10.src; end();}
 }

 function stopclock() {
 if (timerRunning)
 clearInterval(timerID);
 timerRunning = false;
 }

 function end() {
 if (finish == true) {
 stopclock();
 window.close();
 }
 else {
 finish = true;
 }
 }

 function startclock() {
 stopclock();
 timerID = setInterval("increment()", timeValue);
 timerRunning = true;
 document.images.bar.src=image00.src;
 }

 function Send_onclick(frmSubmit) {
 startclock();
 frmSubmit.submit();
 }

 //-->
 </script>

 <head>
 <body>

 Agurade porfavor.<br><br>
 <img src="image-00.gif" name="bar" align="middle">

 <form name="frmProgressBar" action="finish.asp" method="post">
 <INPUT type="submit" value="Submit" name="Submit" LANGUAGE=javascript onclick="return Send_onclick(frmProgressBar)">
 </form>

 </body>
 </html>

<%
end sub

'-----------------------------------------
call main
%>depois se kiser te passo as imagens, mas existem outros exemplos no forum

Gdonato· 9 de dez.

Caro xanburzum se voce puder passar as imagens eu agradeço...

Mas vou testar esse que voce passou...

Obrigadãooooooo