SetaPDF
-


Hinweise


Antwort
 
LinkBack Themen-Optionen Thema durchsuchen Thema bewerten
Alt 12.04.2001, 09:44   #1
TP-Supporter
 
Benutzerbild von SMURF
 
Registriert seit: Mar 2001
Ort: Coburg / Bayern
SMURF ist auf einem guten Weg

Preloader Grafik


hi
wie erstellt man eine preloader grafik, die erscheint bis die nächste seite vollständig geladen ist? beispiel: www.nswd.de
danke
SMURF ist offline   Mit Zitat antworten


Alt 12.04.2001, 17:52   #2
TP-Greis
 
Benutzerbild von Boris
 
Registriert seit: Mar 2001
Ort: Berlin, Germany
Boris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKE

Re: Preloader Grafik


Mit Javascript ;)

Schau dir den mal an:
http://www.tanzeninberlin.de/

Wenn er Dir gefällt, kannst Du ihn einfach via Copy'n'Paste kopieren. Wenn Du es nicht schnell genug schaffst, poste ich den Code gerne hier rein.

Er lädt alle Bilder, zeigt einen Fortschrittsbalken (farbig, beliebig auswählbar) und zeigt des Status zusätzlich in der Statusleiste an (xx von xx Bildern geladen).
__________________
My software never has bugs. It just develops random features ...

» DevShack - die Website des freien Webentwicklers Boris
Boris ist offline   Mit Zitat antworten
Alt 12.04.2001, 20:37   #3
TP-Supporter
 
Benutzerbild von SMURF
 
Registriert seit: Mar 2001
Ort: Coburg / Bayern
SMURF ist auf einem guten Weg

Re: Preloader Grafik


vielen dank!
mit dem komm ich bestimmt klar
SMURF ist offline   Mit Zitat antworten
Alt 15.04.2001, 20:02   #4
TP-Member
 
Registriert seit: Mar 2001
DreamForce macht alles soweit korrekt

Re: Preloader Grafik


hmmm... ich seh da gar keinen balken.
benutze NS 4.74 und opera5 -> bei beiden nichts zu sehen :-(

oder hab ich mich da verklickt???
__________________
Schau auch bei uns mal rein:

HTML & Designforum http://www.WebtoYou.de
DreamForce ist offline   Mit Zitat antworten
Alt 15.04.2001, 20:31   #5
TP-Greis
 
Benutzerbild von Boris
 
Registriert seit: Mar 2001
Ort: Berlin, Germany
Boris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKE

Re: Preloader Grafik


Schei**e, irgendwo hab ich wohl Mist gebaut - bis vor ner Weile ging es auch mit Netscape und Opera ...

Ich kann leider nicht mehr entdecken, wo der Fehler liegt! Es ging eigentlich mit allen Browsern!

Was stimmt denn hier nicht?

<script language="JavaScript1.2">
<!-- begin hiding

startingColor = new Array(); // <-- Do not modify!
endingColor = new Array(); // <-- Do not modify!

// YOU MAY MODIFY THE FOLLOWING:
var yourImages = new Array("bilder/adalogo.gif","bilder/tanzevents1.gif","bilder/tanzevents2.gif","bilder/tanzkurse1.gif","bilder/tanzkurse2.gif","bilder/tanzen1.gif","bilder/tanzen2.gif","bilder/tanzshops1.gif","bilder/tanzshops2.gif","bilder/tanzpartner1.gif","bilder/tanzpartner2.gif","bilder/tausch1.gif","bilder/tausch2.gif","bilder/buch1.gif","bilder/buch2.gif","bilder/links1.gif","bilder/links2.gif","bilder/sms1.gif","bilder/sms2.gif","bilder/hilfe1.gif","bilder/hilfe2.gif","bilder/mittelinks.gif","bilder/obenlinkslogo.gif","bilder/obennav1.gif","bilder/obennav12.gif","bilder/obennav2.gif","bilder/obennav22.gif","bilder/obennav3.gif","bilder/obennav32.gif","bilder/obenrechts.gif","bilder/untenlinks.gif"); // Fill this array with the images you wish to preload
var locationAfterPreload = "index2.html"; // The script will redirect here when the preloading finishes *successfully*
var preloadbarWidth = 250; // The length of the preload bar. Should be greater than total amount of images you want to preload!
var preloadbarHeight = 15; // The height of the gradient/preload bar
var backgroundOfGradient = "#000000"; // Default color while the preload bar is "filling up"

// Color the preloadbar is starting with - enter 1st, 3rd and 5th numbers/letters of color code
startingColor[0] = "f";
startingColor[1] = "0";
startingColor[2] = "0";

// Color the preloadbar is going to end up with - enter the 1st, 3rd and 5th numbers/letters of color code
endingColor[0] = "0";
endingColor[1] = "0";
endingColor[2] = "f";

// FOR TROUBLESHOOTING:
var gap = 7; // PLAY AROUND WITH THIS SETTING IF YOU GET A JAVASCRIPT ERROR!!! 2 is the minumum value!!!


// DO NOT MODIFY ANYTHING BEYOND THIS POINT!!!

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 = "Fertig: " + currCount + " von " + imgLen + " Bildern [" + percent + "%].";
pending--;
checkLoad();
return;
}
eval("document.all.cell" + (h+1) + ".style.backgroundColor = hilite[h]");;
h++;
setTimeout("changeto()",1);
}
defaultStatus = "Fertig: 0 von " + imgLen + " Bildern [0%]."
// end hiding -->
</script>
</head>
<body bgcolor="FFFFFF" link="#667799" vlink="#445577" alink="#445577">

<table border="0" width="100%" height="100%">
<tr align="center" valign="center"><td>
<B>Bilder werden geladen ...</B>
<br><br>
<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>');
loadImages();
// end hiding -->
</script>

[Edited by Adagio on 15.04.01 at 19:35 GMT]
__________________
My software never has bugs. It just develops random features ...

» DevShack - die Website des freien Webentwicklers Boris
Boris ist offline   Mit Zitat antworten
Alt 25.04.2001, 21:17   #6
TP-Newbie
 
Registriert seit: Apr 2001
cheesy macht alles soweit korrekt

Re: Preloader Grafik


lol.... auf macromedia.com ladest dir am besten einfach eine extension für den dreamweaver runter.... es gibt auch eine für das prealoaden von bildern.... damit gehts wirklich einfach
cheesy ist offline   Mit Zitat antworten
Alt 11.05.2001, 14:32   #7
TP-Junior
 
Registriert seit: Mar 2001
LouSan macht alles soweit korrekt

Re: Preloader Grafik


hallo,

wo muss ich denn die exchange-dateien reinlegen? und wo werden diese mir dann angezeigt??

danke lousan
__________________
Augen auf!
LouSan ist offline   Mit Zitat antworten
Alt 11.05.2001, 14:54   #8
TP-Greis
 
Benutzerbild von Boris
 
Registriert seit: Mar 2001
Ort: Berlin, Germany
Boris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKE

Re: Preloader Grafik


Du musst die nirgends reinelegen - normalerweise musst Du auf eine *mxp datei nur draufklicken und DW installiert sie selbst.
__________________
My software never has bugs. It just develops random features ...

» DevShack - die Website des freien Webentwicklers Boris
Boris ist offline   Mit Zitat antworten
Alt 11.05.2001, 14:58   #9
TP-Specialist
 
Benutzerbild von the0bone
 
Registriert seit: Mar 2001
Ort: NDS
the0bone ist auf einem guten Weg

Re: Preloader Grafik


STOP!!!


Du musst natürlich erst den Extension Manager installieren!!!
Gibts auf jeder Extension Seite zum Download!
__________________
the0bone

Wissen ist Macht, nichts Wissen macht nichts!
the0bone ist offline   Mit Zitat antworten
Alt 11.05.2001, 15:49   #10
TP-Junior
 
Registriert seit: Mar 2001
LouSan macht alles soweit korrekt

Re: Preloader Grafik


ok, danke!!!

jetzt hab ichs.. machmal braucht man nur ein wenig mehr licht !!

lousan
__________________
Augen auf!
LouSan ist offline   Mit Zitat antworten
Antwort

  Aktuelles Thema
  TP Hilfe Forum > Traum-Talk > Webdesign & Co.
Preloader Grafik Preloader Grafik
« Hab da mal ne Frage... | transparentes gifs zu dunkel »

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
grafik preloader geht nett ... ? Gorgul HTML Puristen 1 14.09.2003 13:11
.:: ] Java - Preloader Problemchen [ ::. spax HTML Puristen 7 20.04.2003 14:24
Texte über Grafik einfügen ... Night Dreamweaver 7 04.09.2002 16:53
Importierte Grafik >> Grafik Symbol? derBockelmann Flash 5 08.12.2001 22:55
GRafik ohne Rand einfügen? sol1 Photoshop 7 22.06.2001 13:37


Alle Zeitangaben in WEZ +2. Es ist jetzt 22:32 Uhr.

Powered by: vBulletin Version 3.7 (Deutsch)
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd. / Search Engine Friendly URLs by vBSEO 3.2.0 ©2008, Crawlability, Inc.
Traum-Projekt.com | Suchen | Archiv | Impressum | Kontakt | | | Nach oben |



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67