Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][JavaScript][JAVA]Efektowne (animowane) ładowanie strony
Mayke512
post
Post #1





Grupa: Zarejestrowani
Postów: 16
Pomógł: 0
Dołączył: 6.11.2008

Ostrzeżenie: (0%)
-----


Nie wiem nawet w jakim to zrobić języku (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)
Mam stronkę w html-u. Jest na niej bardzo dużo grafiki, która się dość długo ładuje. Chciałbym zrobić efektowne ładowanie - pasek postępu lub takie obracające się kółko jak podczas ładowania filmów na youtube. Tylko chciałbym - i to jest najważniejsze - aby w czasie pokazywania tego komunikatu "Ładowanie strony" i paska postępu grafika i inne pliki ładowały się. Gdy pliki zostały by już ściągnięte na dysk komputera i gotowe do odczytu użydkownikowi otworzyła by się załadowana już strona. Da się coś takiego zrobić?
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
Mayke512
post
Post #2





Grupa: Zarejestrowani
Postów: 16
Pomógł: 0
Dołączył: 6.11.2008

Ostrzeżenie: (0%)
-----


Zrobiłem coś takiego

Kod
<?php
<script>$zawartosc = '<script type="text/javascript" src="../cms/mintAjax.js">

var req = null;

function ShowContent() {
   $("tresc_ajax").innerHTML = req.responseText;
   mint.fx.Fade("tresc_ajax", 90, 10, 2000);

}

function strona(cel) {

   req = mint.Request();
   req.AddParam("parametr",cel);
  
req.OnLoading = function() {
$("loader").style.display = "block";
$("loader").innerHTML = "<img src=\'Obrazki\inne\kolo-loading.gif>";
}

req.OnLoaded = function() { $("loader").style.display = "none"; }

   req.OnSuccess = function() {
      
      mint.fx.Fade("tresc_ajax", 10, 10, 500, null, ShowContent);
   }
  
   req.Send("./system/modules/f_m_news.php")
}

</script>';


$zawartosc .= '<body onload="strona();">
<div id="loader" style="display: none; text-align:center;"></div>
<div id="tresc_ajax"></div>';
?>


Proszę naprawcie bo wywala mi błędy na stronie

Ten post edytował Mayke512 6.11.2008, 21:32:46
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 12.10.2025 - 22:59