SWiSH Forum

[felis]

Witam
Zrobiłem swoją pierwszą w życiu animację flash i zamieściłem na stronie html.
Wszystko działa jak powinno tylko, że animacja będąca gdzieś na początku kodu html wyświetla się zanim załadują się pozostałe elementy.
Czy można zrobić coś takiego, aby animacja rozpoczynała wyświetlanie dopiero gdy cała strona zostanie załadowana do przeglądarki.
Dzięki za pomoc
Pozdrawiam

[^romekrtk]

uzyj funkcji preloader

http://swish.wodip.opole....wtopic.php?t=32

[felis]

Dzięki
przeanalizuje funkcje preloadera, ale zdaje mi się że nie o to chodziło.
Z tego co wyczytałem sprawdza ona stopień załadowania filmu, a nie strony html.
U mnie animacja jest niewielkim elementem strony i ładuje się bardzo szybko.
Wygląda to brzydko, bo animacja już się wyświetla a w tym czasie dopiero ładują się np.: przyciski (html/java).
Patrząc nie zwraca się uwagi na animację bo wjeżdżający napis zlewa się z innymi ładującymi się elementami strony.
Szukam więc takiego czegoś co sprawdzi stopień załadowania kodu html i dopiero gdy on osiągnie 100% zacznie wyświetlać animację.
Pozdrawiam

[^romekrtk]

a rozumiem to zrob zeby strona zajmowala mniej kb odchodz ją. gdzies widzialem taką strone wlasnie z takim ladownaiem nawet bylo procentowe ale juz niedziala:/ zapytaj na jakims innym forum bardziej poswieconym html niz swishowi

[felis]

Witam
OK poszukam na innym forum. Myślałem jednak, że da się to gdzieś zadeklarować w animacji by nie zaczęła się wyświetlać, zanim nie będzie całej strony.
A kodu nie mam jak odchudzić, bo nie jest zbyt duży i nie ma co obcinać. Na dodatek dokonuje preloadu wszystkich użytych obrazków jeszcze przed wyświetleniem animacji. Tylko, że ta animacja to jest tak mała, że tak czy owak startuje momentalnie. Nawet jak dodałem 2 sekundy pauzy na początku to i tak rusza przed załadowaniem strony. A cała strona ładuje się gdzieś ze 3 sekundy (na neostradzie 256).
Pozdrawiam i dziękuję za pomoc.

[MBabelek]

moze preloader java na strone html ?
graficzne przedstawienie ładowania się strony.
Sekcja BODY:

Kod:

<style> <!-- .hide { position:absolute; visibility:hidden; } .show { position:absolute; visibility:visible; } --> </style> <SCRIPT LANGUAGE="JavaScript"> //Progress Bar script- by Todd King (tking@igpp.ucla.edu) //Modified by JavaScript Kit for NS6, ability to specify duration //Visit JavaScript Kit (http://javascriptkit.com) for script var duration=3 // Specify duration of progress bar in seconds var _progressWidth = 50;    // Display width of progress bar var _progressBar = new String(".......... Laduje .........."); var _progressEnd = 10; var _progressAt = 0; // Create and display the progress dialog. // end: The number of steps to completion function ProgressCreate(end) {     // Initialize state variables     _progressEnd = end;     _progressAt = 0;     // Move layer to center of window to show     if (document.all) {    // Internet Explorer         progress.className = 'show';         progress.style.left = (document.body.clientWidth/2) - (progress.offsetWidth/2);         progress.style.top = document.body.scrollTop+(document.body.clientHeight/2) - (progress.offsetHeight/2);     } else if (document.layers) {    // Netscape         document.progress.visibility = true;         document.progress.left = (window.innerWidth/2) - 100;         document.progress.top = pageYOffset+(window.innerHeight/2) - 40;     } else if (document.getElementById) {    // Netscape 6+         document.getElementById("progress").className = 'show';         document.getElementById("progress").style.left = (window.innerWidth/2)- 100;         document.getElementById("progress").style.top = pageYOffset+(window.innerHeight/2) - 40;     }     ProgressUpdate();    // Initialize bar } // Hide the progress layer function ProgressDestroy() {     // Move off screen to hide     if (document.all) {    // Internet Explorer         progress.className = 'hide';     } else if (document.layers) {    // Netscape         document.progress.visibility = false;     } else if (document.getElementById) {    // Netscape 6+         document.getElementById("progress").className = 'hide';     } } // Increment the progress dialog one step function ProgressStepIt() {     _progressAt++;     if(_progressAt > _progressEnd) _progressAt = _progressAt % _progressEnd;     ProgressUpdate(); } // Update the progress dialog with the current state function ProgressUpdate() {     var n = (_progressWidth / _progressEnd) * _progressAt;     if (document.all) {    // Internet Explorer         var bar = dialog.bar;      } else if (document.layers) {    // Netscape         var bar = document.layers["progress"].document.forms["dialog"].bar;         n = n * 0.55;    // characters are larger     } else if (document.getElementById){                 var bar=document.dialog.bar         }     var temp = _progressBar.substring(0, n);     bar.value = temp; } // Demonstrate a use of the progress dialog. function Demo() {     ProgressCreate(10);     window.setTimeout("Click()", 100); } function Click() {     if(_progressAt >= _progressEnd) {         ProgressDestroy();         return;     }     ProgressStepIt();     window.setTimeout("Click()", (duration-1)*1000/10); } function CallJS(jsStr) { //v2.0   return eval(jsStr) } </script> <SCRIPT LANGUAGE="JavaScript"> // Create layer for progress dialog document.write("<span id=\"progress\" class=\"hide\">");     document.write("<FORM name=dialog>");     document.write("<TABLE border=2  bgcolor=\"#FFFFCC\">");     document.write("<TR><TD ALIGN=\"center\">");     document.write("Progress<br />");     document.write("<input type=text name=\"bar\" size=\"" + _progressWidth/2 + "\"");     if(document.all||document.getElementById)     // Microsoft, NS6         document.write(" bar.style=\"color:navy;\">");     else    // Netscape         document.write(">");     document.write("</TD></TR>");     document.write("</TABLE>");     document.write("</FORM>"); document.write("</span>"); ProgressDestroy();    // Hides </script> <form name="form1" method="post"> <input type="button" name="Demo" value="Display progress" onClick="CallJS('Demo()')"> </center> </form> <a href="javascript:CallJS('Demo()')">Text link example</a> <br /><font face="arial" size="-2">This free script provided by</font><br /> <font face="arial, helvetica" size="-2"><a href="http://www.javascriptkit.com">JavaScript Kit</a></font></p>

[felis]

Witam

Cytat:

moze preloader java na strone html ?

Tak przyszło mi do głowy to samo i dałem preloader. Wprawdzie o wiele prostszy, bo wyświetla tylko komunikat o ładowaniu, a potem już całą gotową stronę.

Wygląda to lepiej, ale nie jestem do końca przekonany bo:
1. Jak sam korzystam z netu to wolę widok ładującej się strony niż komunikat proszę czekać, gdyż zawsze można kliknąć już załadowany element i olać animację, która nie każdego interesuje.
2. I tak musiałem dać 3 puste sekundy na początku animacji, ponieważ zanim wygasła strona preloadera to ona była już w połowie. Ot widać jest tak malutka i szybka, że nawet wygaśniecie komunikatu proszę czekać jest zbyt długie.

Ale z tym preloaderem to zawsze jest jakieś rozwiązanie, więc w razie czego go zostawię.
Wpadłem też na inny pomysł i zastosowałem funkcję, która przerzuca animacje (obrazek) załadowaną na końcu kodu strony w jej inne dowolne miejsce czyli dokładnie to co chciałem. Niestety funkcja nie chce działać w tabelkach. A moja strona wykorzystuje tabelki.
Tak czy owak dziękuję za pomoc.
Pozdrawiam

[JoyMachine]

to nie odpalac automatycznie animacji tylko odpalac ja poprzez JS po zaladowaniu sie strony html. Kiedys to probowalem ale jakos nie chcialo dzialac... uruchomil ktos kiedys taka opcje?