|
SWiSH Forum
Forum użytkowników programów SWiSH
|
Zamknięty przez: tAboon Wto 07 Lut, 2006 20:19 |
tabele, swish i preload |
Autor |
Wiadomość |
boski-kafel
Praktyk
Dołączył: 23 Kwi 2005 Posty: 22
|
Wysłany: Czw 09 Cze, 2005 15:02 tabele, swish i preload
|
|
|
Otóż mam stronę składająca się z 3 tabel. I w związku z tym mam kilka pytań:
Chciałbym połączyc html/php ze swishem, ale jednoczesnie chciałbym uniknąć stopniowego wczytywania sie strony. Czy istnieje mozliwosc stworzenia preloadera, który "zaczekał by" aż wczyta się cała strona, biorąc pod uwagę, że nie będzie to wyłącznie swish? |
|
|
|
|
^lechu
Pomógł: 1 raz Wiek: 41 Dołączył: 17 Maj 2005 Posty: 146 Skąd: Otwock
|
Wysłany: Czw 09 Cze, 2005 15:58
|
|
|
czy cala strona to niewiem ale stopniowo w java script napewno da rade najpierw uklad strony grafika ,teksty etc.
a nastepnie swf.
mam taki scrypt wstawie go jutro na forum.
pozdr........ |
|
|
|
|
MBabelek
Profesjonalista
Pomógł: 14 razy Dołączył: 27 Sty 2005 Posty: 175 Skąd: Wrocław
|
Wysłany: Czw 09 Cze, 2005 16:28
|
|
|
Z moich obliczen wynika ze zawsze sie pierwsze zaladuje html / php niz swish chyba ze swf bedzie bardzo malutki i na szybkim łaczu serwera. |
|
|
|
|
boski-kafel
Praktyk
Dołączył: 23 Kwi 2005 Posty: 22
|
Wysłany: Czw 09 Cze, 2005 18:00
|
|
|
lechu napisał/a: | czy cala strona to niewiem ale stopniowo w java script napewno da rade najpierw uklad strony grafika ,teksty etc.
a nastepnie swf.
mam taki scrypt wstawie go jutro na forum.
pozdr........ |
Super! Dzięki i czekam na skrypt Chociaż gdyby ktoś znał sposób na preloader dla wczytywania całej strony to byłbym hepi. Tzn preload gdzie podczas oczekiwania na wczytanie strony ładował by sie i html/php i swf, tak by po zakonczeniu preloadu strona była widoczna już w jednym kawałku.
Pozdrawiam |
|
|
|
|
^lechu
Pomógł: 1 raz Wiek: 41 Dołączył: 17 Maj 2005 Posty: 146 Skąd: Otwock
|
Wysłany: Pią 10 Cze, 2005 07:32
|
|
|
oto i obiecany scrypt
Kod: | <html>
<head>
<script language="JavaScript1.2">
<!-- begin hiding
startingColor = new Array()
endingColor = new Array()
// YOU MAY MODIFY THE FOLLOWING:
var yourImages = new Array("http://www.twojastrona.pl/images/v4_01.jpg",http://www.twojastrona.pl/images/v4_02.jpg"
)
// Fill this array with the images you wish to preload zamien na linki do twoich obrazkow na stronie
var locationAfterPreload = "http://www.twojastrona.pl/home.html" // tu wpisz adres twojej strony
var preloadbarWidth = 250 // szerokosc preloadera. Should be greater than total amount of images you want to preload!
var preloadbarHeight = 5 // wysokosc of the gradient/preload bar
var backgroundOfGradient = "#000000" // tlo preloadera
// Color the preloadbar is starting with - enter 1st, 3rd and 5th numbers/letters of color code kolory paska
startingColor[0] = "f"
startingColor[1] = "c"
startingColor[2] = "0"
// Color the preloadbar is going to end up with - enter the 1st, 3rd and 5th numbers/letters of color code kolory paska
endingColor[0] = "f"
endingColor[1] = "6"
endingColor[2] = "0"
// FOR TROUBLESHOOTING:
var gap = 5 // PLAY AROUND WITH THIS SETTING IF YOU GET A JAVASCRIPT ERROR!!! 2 is the minumum value!!! jak bedzie blad to powtorz np.5razy
// DO NOT MODIFY ANYTHING BEYOND THIS POINT!!! w dol az do body nic nie zmieniaj
if (!document.all) location.replace(locationAfterPreload)
var a = 10, b = 11, c = 12, d = 13, e = 14, f=15, i, j, ones = new Array(), sixteens = new Array(), diff = new Array();
var convert = new Array("0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f"), imgLen = yourImages.length;
var loaded = new Array(), preImages = new Array(), currCount = 0, pending = 0, h = 0, hilite = new Array(), cover = new Array();
var num = Math.floor(preloadbarWidth/gap);
for (i = 0; i < 3; i++) {
startingColor[i] = startingColor[i].toLowerCase();
endingColor[i] = endingColor[i].toLowerCase();
startingColor[i] = eval(startingColor[i]);
endingColor[i] = eval(endingColor[i]);
diff[i] = (endingColor[i]-startingColor[i])/num;
ones[i] = Math.floor(diff[i]);
sixteens[i] = Math.round((diff[i] - ones[i])*15);
}
endingColor[0] = 0;
endingColor[1] = 0;
endingColor[2] = 0;
i = 0, j = 0;
while (i <= num) {
hilite[i] = "#";
while (j < 3) {
hilite[i] += convert[startingColor[j]];
hilite[i] += convert[endingColor[j]];
startingColor[j] += ones[j];
endingColor[j] += sixteens[j];
if (endingColor[j] > 15) {
endingColor[j] -= 15;
startingColor[j]++;
}
j++;
}
j = 0;
i++;
}
function loadImages() {
for (i = 0; i < imgLen; i++) {
preImages[i] = new Image();
preImages[i].src = yourImages[i];
loaded[i] = 0;
cover[i] = Math.floor(num/imgLen)*(i+1)
}
cover[cover.length-1] += num%imgLen
checkLoad();
}
function checkLoad() {
if (pending) { changeto(); return }
if (currCount == imgLen) { location.replace(locationAfterPreload); return }
for (i = 0; i < imgLen; i++) {
if (!loaded[i] && preImages[i].complete) {
loaded[i] = 1; pending++; currCount++;
checkLoad();
return;
}
}
setTimeout("checkLoad()",10);
}
function changeto() {
if (h+1 > cover[currCount-1]) {
var percent = Math.round(100/imgLen)*currCount;
if (percent > 100) while (percent != 100) percent--;
if (currCount == imgLen && percent < 100) percent = 100;
defaultStatus = "Loaded " + currCount + " out of " + imgLen + " images [" + percent + "%].";
pending--;
checkLoad();
return;
}
eval("document.all.cell" + (h+1) + ".style.backgroundColor = hilite[h]");;
h++;
setTimeout("changeto()",1);
}
defaultStatus = "Loaded 0 out of " + imgLen + " images [0%]."
// end hiding -->
</script>
<title>
Preloading... you'd be forwarded shortly
</title>
</head>
<body bgcolor="#454E55" link="#6E7C87" vlink="#6E7C87" alink="#6E7C87">
<p> </p>
<p> </p>
<p> </p>
<p>
<center>
<b><font color="#FFCC00" face="Verdana, Arial, Helvetica" size="1">Preloading Images... Please Wait..
<br>
</font></b>
<font face="Verdana, Arial, Helvetica" size="2">
<script language="JavaScript1.2">
<!-- beging hiding
document.write('<table border="0" cellpadding="0" cellspacing="0" width="' + preloadbarWidth + '"><tr height="' + preloadbarHeight + '" bgcolor="' + backgroundOfGradient + '">');
for (i = 0; i < num; i++) {
document.write('<td width="' + gap + '" id="cell' + (i+1) + '"></td>');
}
document.write('</tr></table>');
document.write('<p><small><a href="javascript:location.replace(locationAfterPreload)">Skip Preloading</a> </small></p>')
loadImages();
// end hiding -->
</script>
</center>
</p>
</body>
</html>
|
pozdr........ |
|
|
|
|
|
Nie możesz pisać nowych tematów Nie możesz odpowiadać w tematach Nie możesz zmieniać swoich postów Nie możesz usuwać swoich postów Nie możesz głosować w ankietach Nie możesz załączać plików na tym forum Możesz ściągać załączniki na tym forum
|
Dodaj temat do Ulubionych Wersja do druku
|
|
|
|
|
|
Nowe zasady dotyczące cookies. Wykorzystujemy pliki cookies, aby nasz serwis lepiej spełniał Państwa oczekiwania. Można zablokować zapisywanie cookies, zmieniając ustawienia przeglądarki.
| Strona wygenerowana w 0.11 sekundy. Zapytań do SQL: 15 |
|
|