Willkommen auf dem Portal für Mediengestalter
|
|
Autor |
Nachricht |
Lapje
Threadersteller
Dabei seit: 17.06.2003
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 11.08.2004 13:41
Titel Probleme mit Preloader... |
|
|
Mahlzeit...
wollte auf meine Seite einen Preloader stellen...habe das Script von dieser Seite benutzt
HIER
Nur leider funzt das nicht so wie es soll...ich denke ich habe alles so umgeändert wie es in der anleitung steht, aber anscheinend habe ich dann doch was vergessen...
das ganze ist zu HIER zu sehen...
Zuerst soll die normale Index geladen werden. Wenn die fertig ist soll direkt zur index2.htm gesprungen werden.
Als Java-Script benutze ich das hier
var locationAfterPreload = "index2.htm"
var lengthOfPreloadBar = 150
var heightOfPreloadBar = 10
var yourImages = new Array(
"image/logo_gross.jpg")
if (document.images) {
var dots = new Array()
dots[0] = new Image(1,1)
dots[0].src = "image/preload_1.gif"
dots[1] = new Image(1,1)
dots[1].src = "image/preload_2.gif"
var preImages = new Array(),coverage = Math.floor(lengthOfPreloadBar/yourImages.length),currCount = 0
var loaded = new Array(),i,covered,timerID
var leftOverWidth = lengthOfPreloadBar%coverage
}
function loadImages() {
for (i = 0; i < yourImages.length; i++) {
preImages[i] = new Image()
preImages[i].src = yourImages[i]
}
for (i = 0; i < preImages.length; i++) {
loaded[i] = false
}
checkLoad()
}
function checkLoad() {
if (currCount == preImages.length) {
location.replace(locationAfterPreload)
return
}
for (i = 0; i <= preImages.length; i++) {
if (loaded[i] == false && preImages[i].complete) {
loaded[i] = true
eval("document.img" + currCount + ".src=dots[1].src")
currCount++
}
}
timerID = setTimeout("checkLoad()",10)
}
und meine hauptseite sieht so aus
<html>
<head>
<title>michael schaefer</title>
<script language="JavaScript" src="java/preloader.js" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="style" type="text/css">
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body bgcolor="#FFFFFF" text="#000000">
<p> </p>
<p> </p>
<p> </p>
<table width="24%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td><img src="image/logo.jpg" width="352" height="271"></td>
</tr>
</table>
<div align="center"></div>
<table width="300" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td width="300" height="75" align="center" bgcolor="#FFFFFF">
<center>
<span class="schrift_normal"> die gewünschte Seite wird geladen...</span><br>
<br>
<font color="#000000">0%</font>
<script language="JavaScript1.1">
<!--
if (document.images) {
var preloadBar = ''
for (i = 0; i < yourImages.length-1; i++) {
preloadBar += '<img src="' + dots[0].src + '" width="' + coverage + '" height="' + heightOfPreloadBar + '" name="img' + i + '" align="absmiddle">'
}
preloadBar += '<img src="' + dots[0].src + '" width="' + (leftOverWidth+coverage) + '" height="' + heightOfPreloadBar + '" name="img' + (yourImages.length-1) + '" align="absmiddle">'
document.write(preloadBar)
loadImages()
}
document.write('<font color="#000000"> 100%</font><br><br><a href="javascript:window.location=locationAfterPreload">skip preloading </a>')
//-->
</script>
</center>
</td>
</tr>
</table>
</body>
</html>
ihr könnt euch das ganze aber auch HIER runterladen...
bin für jede Hilfe dankbar...
Lapje
P.S. Nein, die Seite ist noch nicht fertig... wollte erst mal ein wenig rumprobieren...
|
|
|
|
|
fyll
Dabei seit: 20.09.2003
Ort: Augsburg
Alter: 39
Geschlecht:
|
Verfasst Mi 11.08.2004 13:59
Titel
|
|
|
Nana, wer wird denn da lügen?
hier behauptest du, du hast
Code: | var yourImages = new Array(
"image/logo_gross.jpg")
if (document.images) {
var dots = new Array()
dots[0] = new Image(1,1)
dots[0].src = "image/preload_1.gif"
dots[1] = new Image(1,1)
dots[1].src = "image/preload_2.gif" |
drinstehn, aber in wirklichkeit hast du da
Code: | var yourImages = new Array(
"..//image/logo_gross.jpg")
if (document.images) {
var dots = new Array()
dots[0] = new Image(1,1)
dots[0].src = "..//image/preload_1.gif"
dots[1] = new Image(1,1)
dots[1].src = "..//image/preload_2.gif" |
.. das
..//image kommt mir SEHR Spanisch vor... ohne gefundenes Bild kann der nix vorladen...
.. mal auf den ersten Blick... aber nur so ne Vermutung
|
|
|
|
|
Anzeige
|
|
|
Lapje
Threadersteller
Dabei seit: 17.06.2003
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 11.08.2004 14:27
Titel
|
|
|
hat daran (aber auch an ein paar anderen Dingern) gelegen...
im Prinzip funzt das ganze jetzt...das Bild wird vorgeladen und dann zur nächsten Seite weitergesprungen...das Problem ist nur das sich der Scrollbalken unten nicht bewegt...
Habe das preloader.zip übrigens aktualisiert...
|
|
|
|
|
Anti78
Dabei seit: 16.09.2003
Ort: Tbb/Mz/M
Alter: 46
Geschlecht:
|
Verfasst Mi 11.08.2004 14:32
Titel
|
|
|
Probiers mal damit.
Code: | <script language="JavaScript1.2">
startingColor = new Array() // <-- Nicht veraendern!
endingColor = new Array() // <-- Nicht veraendern!
// das hier anpassen:
// welche Bilder sollen vorrausgeladen werden = new Array ('bild.jpg', '2.gif', '3.gif', '4.gif')
var yourImages = new Array ('deutsch/images/Kopf_Menue_02.gif', 'deutsch/images/Kopf_Menue_03.gif', 'deutsch/images/Kopf_Menue_04.gif', 'deutsch/images/Kopf_Menue_05.gif', 'deutsch/images/Kopf_Menue_06.gif', 'deutsch/images/Kopf_Menue_07.gif', 'deutsch/images/Kopf_Menue_08.gif', 'deutsch/images/Kopf_Menue_09.gif', 'deutsch/images/Kopf_Menue_10.gif', 'deutsch/images/Kopf_Menue_11.gif', 'deutsch/images/Kopf_Menue_12.gif', 'deutsch/images/Kopf_Menue_13.gif', 'deutsch/images/Kopf_Menue_14.gif', 'deutsch/images/Kopf_Menue_15.gif', 'deutsch/images/Kopf_Menue_16.gif', 'deutsch/images/Kopf_Menue_17.gif', 'deutsch/images/Kopf_Menue_18.gif', 'deutsch/images/Kopf_Menue_19.gif', 'deutsch/images/Kopf_Menue_20.gif', 'deutsch/images/Kopf_Menue_21.gif', 'deutsch/images/Kopf_Menue_22.gif', 'deutsch/images/Kopf_Menue_23.gif', 'deutsch/images/Kopf_Menue_24.gif', 'deutsch/images/Kopf_Menue_25.gif', 'deutsch/images/Kopf_Menue_26.gif', 'deutsch/images/Kopf_Menue_27.gif', 'deutsch/images/Kopf_Menue_30.gif', 'deutsch/images/Kopf_Menue_31.gif', 'deutsch/images/Kopf_Menue_32.gif', 'deutsch/images/Kopf_Menue_33.gif', 'deutsch/images/Kopf_Menue_34.gif', 'deutsch/images/Kopf_Menue_35.gif', 'deutsch/images/Kopf_Menue_36.gif', 'deutsch/images/Kopf_Menue_37.gif', 'deutsch/images/Kopf_Menue_38.gif', 'deutsch/images/Kopf_Menue_39.gif', 'deutsch/images/Kopf_Menue_40.gif', 'deutsch/images/Kopf_Menue_41.gif')
var locationAfterPreload = "#" // Adresse wohin es nach dem vorladen weiterleitet
var preloadbarWidth = 200 // Die Laenge der Preloadbar. Sollte groesser sein als der gesamte Betrag der Bilder die geladen werden sollen
var preloadbarHeight = 10 // Die Hoehe der Preloadbar
var backgroundOfGradient = "#6B7C9C" // Farbe der Preloadbar waeherend es laedt
// Startfarbe des Preloaders - trage den ersten, dritten, fuenften Buchstaben den Farbcode ein
startingColor[0] = "f"
startingColor[1] = "f"
startingColor[2] = "f"
// Farbe die am Ende ist - trage den ersten, dritten, fuenften Buchstaben den Farbcode ein
endingColor[0] = "8"
endingColor[1] = "0"
endingColor[2] = "0"
// Fuer Fehlersuche:
var gap = 3 // Du musst ein bisschen rumprobieren wenn du Java Script Fehler bekommst! 2 ist das kleinste!
// Nichts verändern!
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> |
|
|
|
|
|
fyll
Dabei seit: 20.09.2003
Ort: Augsburg
Alter: 39
Geschlecht:
|
Verfasst Mi 11.08.2004 14:35
Titel
|
|
|
Weil der Preloader ziemlich ungenau ist und prozentual nur weiterspringt, wenn er ein Bild fertig geladen hat...
bei dem einen Bild, das du vorlädst, siehst also gar nix...
//edit:
Also bau mal Testweise mehrere Bilder in den Array ein, die geladen werden sollen...
denk es liegt daran... hab aber die ZIP nicht runtergeladen und nicht getestet, denk ich mal nur...
Und wenn du zu viel Zeit hast, schmeiß einfach den kompletten Code weg und nimm was ganz neues, wie von anti
Zuletzt bearbeitet von fyll am Mi 11.08.2004 14:38, insgesamt 2-mal bearbeitet
|
|
|
|
|
Account gelöscht
Ort: -
Alter: -
|
Verfasst Mi 11.08.2004 14:39
Titel
|
|
|
gibt ja in JS keine andere Möglichkeit, den Ladezustand (ähnlich GetBytesLoaded()) zu testen
|
|
|
|
|
fyll
Dabei seit: 20.09.2003
Ort: Augsburg
Alter: 39
Geschlecht:
|
Verfasst Mi 11.08.2004 14:42
Titel
|
|
|
XSchinkenX hat geschrieben: | gibt ja in JS keine andere Möglichkeit, den Ladezustand (ähnlich GetBytesLoaded()) zu testen |
... tzzz flasher
|
|
|
|
|
Lapje
Threadersteller
Dabei seit: 17.06.2003
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 11.08.2004 15:17
Titel
|
|
|
@anti78
Besten Dank...hab das mal ausprobiert...aber da tut sich auch nichts...wo soll denn der Balken des Preloaders gezigt werden ???
Weiss nicht warum das nicht funzt....Hab das einfach in meine Seite eingebunden, wo ich musste bearbeitet...aber nix ...((
Hast DU mal ne URL wo ich mir das anschauen kann ?
|
|
|
|
|
|
|
|
Ähnliche Themen |
Probleme mit Preloader
Probleme mit dyn. Preloader
[flash] probleme mit preloader
Probleme mit dem Preloader! Hilfe!
Preloader für *.swf
preloader -->
|
|
|
Du kannst keine Beiträge in dieses Forum schreiben. Du kannst auf Beiträge in diesem Forum nicht antworten. Du kannst an Umfragen in diesem Forum nicht mitmachen.
|
|