mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Sa 03.12.2016 15:11 Benutzername: Passwort: Auto-Login

Thema: Probleme mit Preloader... vom 11.08.2004


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Probleme mit Preloader...
Seite: 1, 2, 3  Weiter
Autor Nachricht
Lapje
Threadersteller

Dabei seit: 17.06.2003
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 11.08.2004 12:41
Titel

Probleme mit Preloader...

Antworten mit Zitat Zum Seitenanfang

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>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</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&uuml;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...Lächel wollte erst mal ein wenig rumprobieren...
  View user's profile Private Nachricht senden
fyll

Dabei seit: 20.09.2003
Ort: Augsburg
Alter: 32
Geschlecht: Männlich
Verfasst Mi 11.08.2004 12:59
Titel

Antworten mit Zitat Zum Seitenanfang

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"


Meine Güte!

.. das
..//image kommt mir SEHR Spanisch vor... ohne gefundenes Bild kann der nix vorladen...

.. mal auf den ersten Blick... aber nur so ne Vermutung
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Lapje
Threadersteller

Dabei seit: 17.06.2003
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 11.08.2004 13:27
Titel

Antworten mit Zitat Zum Seitenanfang

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...
  View user's profile Private Nachricht senden
Anti78

Dabei seit: 16.09.2003
Ort: Tbb/Mz/M
Alter: 38
Geschlecht: Männlich
Verfasst Mi 11.08.2004 13:32
Titel

Antworten mit Zitat Zum Seitenanfang

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>
  View user's profile Private Nachricht senden
fyll

Dabei seit: 20.09.2003
Ort: Augsburg
Alter: 32
Geschlecht: Männlich
Verfasst Mi 11.08.2004 13:35
Titel

Antworten mit Zitat Zum Seitenanfang

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 * grmbl * * Ich geb auf... * *ha ha*


Zuletzt bearbeitet von fyll am Mi 11.08.2004 13:38, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden
Account gelöscht


Ort: -
Alter: -
Verfasst Mi 11.08.2004 13:39
Titel

Antworten mit Zitat Zum Seitenanfang

gibt ja in JS keine andere Möglichkeit, den Ladezustand (ähnlich GetBytesLoaded()) zu testen *zwinker*
 
fyll

Dabei seit: 20.09.2003
Ort: Augsburg
Alter: 32
Geschlecht: Männlich
Verfasst Mi 11.08.2004 13:42
Titel

Antworten mit Zitat Zum Seitenanfang

XSchinkenX hat geschrieben:
gibt ja in JS keine andere Möglichkeit, den Ladezustand (ähnlich GetBytesLoaded()) zu testen *zwinker*

*bäh*

... tzzz flasher Grins
  View user's profile Private Nachricht senden
Lapje
Threadersteller

Dabei seit: 17.06.2003
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 11.08.2004 14:17
Titel

Antworten mit Zitat Zum Seitenanfang

@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 ...*Schnief*((

Hast DU mal ne URL wo ich mir das anschauen kann ?
  View user's profile Private Nachricht senden
 
Ähnliche Themen Probleme mit Preloader
[flash] probleme mit preloader
Probleme mit dyn. Preloader
Probleme mit dem Preloader! Hilfe!
preloader -->
[flash]Ab wann Preloader?
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2, 3  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


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.