Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 11
Seite [1]
Miraculix


Going for pro




Herkunft: Füssen
Beiträge: 429
 # Thema - 07.04.2009 um 20:46 Uhr
Hab jetzt hier im Forum und mit Hilfe von Google einiges abgegrast und hab leider nicht das mir passende gefunden.
Ich weiß ist zwarscheinlich ein leidiges/kindliches Thema aber als "Hobbyheimseitengestalter" ist es für mich Neuland.

Problem: Ich Bin grad an einer Page dessen Design sehr Bild-lastig ist und möchte deshalb einen Preloader als Enterpage einbauen der nach vollständigem laden der Pics die für das Design benötigt werden automatisch auf die Seite weiterleitet. Alternativ natürlich mit direktem Link.

Ok sowit so gut. Da ich JS Neuling bin hab ich halt mal ne weile gestöbert und dann doch iwann mal was ganz einfaches fast zum laufen bekommen.
Das würde mir so auch komplett reichen aber leider funzt das nicht so wie es soll.
Was nicht funktioniert ist das es erstmal nicht funktioniert. {der musste sein}
Wenn man auf die Page geht funktioniert weder der Preload noch die Weiterleitung. Bei einem klick auf die Refresh-Taste funktionierts allerdings so wie geplant.

Hab allerdings auch n bisschen was verändert da alles mit Tabellen und so war.

Hier mal das ganze Zeug dazu:
preloader.css +-
body {
color: #dedede;
margin: 0 auto;
font-family: Verdana,Helvetica,sans-serif
font-size: 8pt;
text-align: center;
background: #000;
}
#container {
margin: 0 auto;
width: 980px;
text-align: center;
background: #000;
}
a:link, a:visited {
color: #dedede;
text-decoration: underline;
outline: none;
}
a:active, a:hover {
color: #5a5a5a;
outline: none;
}

preloader.js +-
url = "http://mirasfreude.kilu.de/mhs/page/";
progress= new Array(
"/mhs/templates/mhs_band/images/about.jpg",
"/mhs/templates/mhs_band/images/about_on.jpg",
"/mhs/templates/mhs_band/images/band.jpg",
"/mhs/templates/mhs_band/images/band_on.jpg",
"/mhs/templates/mhs_band/images/banner.jpg",
"/mhs/templates/mhs_band/images/banner_on.jpg",
"/mhs/templates/mhs_band/images/contact.jpg",
"/mhs/templates/mhs_band/images/contact_on.jpg",
"/mhs/templates/mhs_band/images/container_bg.jpg",
"/mhs/templates/mhs_band/images/content_bg.png",
"/mhs/templates/mhs_band/images/content_bottom.png",
"/mhs/templates/mhs_band/images/content_top.jpg",
"/mhs/templates/mhs_band/images/footer_left.jpg",
"/mhs/templates/mhs_band/images/footer_right.jpg",
"/mhs/templates/mhs_band/images/gbook.jpg",
"/mhs/templates/mhs_band/images/gbook_on.jpg",
"/mhs/templates/mhs_band/images/head_left.jpg",
"/mhs/templates/mhs_band/images/head_right.jpg",
"/mhs/templates/mhs_band/images/head_top.jpg",
"/mhs/templates/mhs_band/images/imprint.jpg",
"/mhs/templates/mhs_band/images/imprint_on.jpg",
"/mhs/templates/mhs_band/images/links.jpg",
"/mhs/templates/mhs_band/images/links_on.jpg",
"/mhs/templates/mhs_band/images/live.jpg",
"/mhs/templates/mhs_band/images/live_on.jpg",
"/mhs/templates/mhs_band/images/login.jpg",
"/mhs/templates/mhs_band/images/login_on.jpg",
"/mhs/templates/mhs_band/images/lyrics.jpg",
"/mhs/templates/mhs_band/images/lyrics_on.jpg",
"/mhs/templates/mhs_band/images/mhs_web_slice_31.jpg",
"/mhs/templates/mhs_band/images/mhs_web_slice_33.jpg",
"/mhs/templates/mhs_band/images/mhs_web_slice_35.jpg",
"/mhs/templates/mhs_band/images/mhs_web_slice_37.jpg",
"/mhs/templates/mhs_band/images/mp3.jpg",
"/mhs/templates/mhs_band/images/mp3_on.jpg",
"/mhs/templates/mhs_band/images/myspace.jpg",
"/mhs/templates/mhs_band/images/myspace_on.jpg",
"/mhs/templates/mhs_band/images/nav_left_bottom.jpg",
"/mhs/templates/mhs_band/images/nav_left_in_side.jpg",
"/mhs/templates/mhs_band/images/nav_left_out_side.jpg",
"/mhs/templates/mhs_band/images/nav_right_bottom.jpg",
"/mhs/templates/mhs_band/images/nav_right_in_side.jpg",
"/mhs/templates/mhs_band/images/nav_right_out_side.jpg",
"/mhs/templates/mhs_band/images/pics.jpg",
"/mhs/templates/mhs_band/images/pics_on.jpg",
"/mhs/templates/mhs_band/images/stats.jpg",
"/mhs/templates/mhs_band/images/stats_on.jpg",
"/mhs/templates/mhs_band/images/videos.jpg",
"/mhs/templates/mhs_band/images/videos_on.jpg"
);
var x;
function preload()
{
p = new Array();
x = 0;

for(i=0;i<progress.length;i++)
{
p[i] = new Image();
p[i].onabort = update;
p[i].onerror = update;
p[i].onload = update;
p[i].src = progress[i];
}
}

function update()
{
x++;
pro=Math.floor((x/progress.length)*100);
document.getElementById("balken").style.width = pro*3+"px";

(document.all) ?
dom=document.all["loadausgabe"] :
dom=document.getElementById("loadausgabe");
dom.innerHTML= x+" von "+progress.length+" Bildern geladen.<br />"+pro+" %";

if(pro==100) location.href=url;
}

index.html +-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Muddleheaded Scum - Official Band-Site - News</title>
<meta name="author" content="ClanSphere" />
<meta name="description" content="ClanSphere" />
<meta name="designer" content="ClanSphere" />
<meta name="distribution" content="global" />
<meta name="keywords" content="ClanSphere" />
<meta name="language" content="de,en" />
<meta name="publisher" content="ClanSphere" />
<meta name="robots" content="page,follow" />
<link href="preloader.css" rel="stylesheet" type="text/css" />
<script src="preloader.js" type="text/javascript"></script>
<!--[if lte IE 6]>
<div style="margin:5px 0;padding:10px;border:5px solid #000;color:#000;background:#ff0;text-align:center;"><strong>Inform ation :</strong> Sie benutzen einen veralteten und unsicheren Browser. Um diese Seite korrekt anzeigen zu k&ouml;nnen, empfehlen wir dringenst einen modernen, standard-konformen Browser - wie Firefox, Opera, Safari oder Google Chrome. Alle diese Browser sind 100% kostenlos. Alternativ besteht auch die Möglichkeit den Internet Explorer auf den neuesten Stand zu bringen.</div>
<![endif]-->

</head>
<body onload="preload()">
<div id="container">
<div style="width: 300px; height: 15px; background: #999; border: 2px ridge #009; margin: 200px auto 0;">
<div id="balken" style="width: 0px; height: 15px; background: #00f"></div>
</div>
<div id="balken" style="width: 0px; height: 20px; background: #00f"></div>
<div id="loadausgabe">0 von 0 Bildern geladen.<br />0 %</div><br />
<a href=""http://mirasfreude.kilu.de/mhs/page/">direkt zur Seite</a>
</div>
</body>
</html>

Testpage: http://mirasfreude.kilu.de/mhs

So und jetzt das wichtigste - meine Frage:
Was mache ich falsch?

Oder hat jemand eine bessere/andere Lösung für mich?
Kann ja sein dass es mittlerweile besseres gibt. Das Ding war aus nem Forum von 2005.

Meine Nachfrage deswegen hier und nicht dort, weil alt und ich weiß dass hier auch etliche Leute mit massiv Knowhow sind.

Bin für jeden Tip/Rat/Vorschlag dankbar.


------------------
greeetz Miraculix

Band-Page -> www.muddleheaded-scum.de
Inaktiv
Nachtmeister


Specialist




Herkunft: Bern
Beiträge: 2091
 # Antwort: 1 - 07.04.2009 um 21:43 Uhr
CSS:

nach "font-family: Verdana,Helvetica,sans-serif"

... fehlt ein Semikolon zum abschluss.

Ansonsten weiss ich auch nicht. Vielleicht fehlerhafte Pfade.
Was genau für ein Ding ist den das?


Weitere Möglichkeiten:

jQuery:
http://www.filamentgroup.com/lab/update_automatically_preload_images_from_css_wi th_jquery/

MooTools:
http://davidwalsh.name/mootools-image-preloading-progress-bar


------------------
"God created the universe in 1 Day, and then spent 5 days making it look good In Internet Explorer"

Zuletzt editiert von Nachtmeister am 07.04.2009 um 21:46 Uhr (1x Editiert)
Inaktiv
|
Miraculix
Thread-Ersteller


Going for pro




Herkunft: Füssen
Beiträge: 429
 # Antwort: 2 - 07.04.2009 um 22:08 Uhr
nach "font-family: Verdana,Helvetica,sans-serif"
also wenn es wirklich daran liegen sollte beiß ich mir in den Ar*** und stells auf youtube

Aber Danke schon mal für die Antwort.
Werd ich mir morgen mal ansehen ob und wie ich mit deinen Vorschlägen klar komm.

Ist für mich alles n beisschen neu. Bin bis jetzt eigentlich ganz gut mit css und (x)html gefahren.
Wollte bis jetzt auch nicht viel von JS oder ähnlichem wissen. Das warum sei mal in Frage gestellt...


------------------
greeetz Miraculix

Band-Page -> www.muddleheaded-scum.de

Inaktiv
|
Nachtmeister


Specialist




Herkunft: Bern
Beiträge: 2091
 # Antwort: 3 - 07.04.2009 um 22:19 Uhr
Wenn du eben nicht gross selber Javascript coden möchtest, kannst du auf einen der oben genannten Frameworks ausweichen. Die bringen viele Plugins und vorgefertigte Schnipsel mit sich und sind auch sehr gut dokumentiert.

Auch hab zwar auch noch Javascript gelernt, aber sogar der zuständige Coach arbeitet fast ausschliesslich mit Frameworks.


------------------
"God created the universe in 1 Day, and then spent 5 days making it look good In Internet Explorer"

Inaktiv
|
Miraculix
Thread-Ersteller


Going for pro




Herkunft: Füssen
Beiträge: 429
 # Antwort: 4 - 08.04.2009 um 19:32 Uhr
Hab mir deine Vorschläge mal angesehen. Auf die jQuery Variante bin ich schon mal gestossen.
Bin aber mit beidem iwi nicht klar gekommen.

Was genau für ein Ding ist den das?

Damit meinte ich den Code aus dem Forum. War so ne standard Vorlage. Finde aber leider das Original nicht mehr.

Das komische ist das es eben nur beim erst Besuch auf der Seite nicht funktioniert. Dann geht es. Auch nach Cache leeren. Hab deshalb immer nur 5 Versuche (meine Browser-Zahl) pro Rechner Neustart wenn ich etwas ändern will. Mir wär fast lieber es ginge gar nicht dann hätt ich wenigstens n besseren Ansatz.

Hab auch schon mal eine Art JS-Validator gesuch und bin da auf JSLint gestossen aus dem ich aber auch nicht schlau werd.

Was ich vom Original Code geändert hab ist dieser Abschnitt.
mehr... +-
function update()
{
x++;
pro=Math.floor((x/progress.length)*100);
document.getElementById('balken').style.width = pro*3+'px';

(document.all) ?
dom=document.all('loadausgabe') :
dom=document.getElementById('loadausgabe');
dom.innerHTML= x+' von '+progress.length+' Bildern geladen.<br />'+pro+' %';

if(pro==100) location.href=url;
}

Im Original wurde da mit img gearbeitet und nicht div.

Hab noch was gefunden aber an dem lags au nicht.

Hier nochaml alles dazu:
preloader.js +-
url = 'http://mirasfreude.kilu.de/mhs/page/';
progress= new Array(
'/mhs/templates/mhs_band/images/about.jpg',
'/mhs/templates/mhs_band/images/about_on.jpg',
'/mhs/templates/mhs_band/images/band.jpg',
'/mhs/templates/mhs_band/images/band_on.jpg',
'/mhs/templates/mhs_band/images/banner.jpg',
'/mhs/templates/mhs_band/images/banner_on.jpg',
'/mhs/templates/mhs_band/images/contact.jpg',
'/mhs/templates/mhs_band/images/contact_on.jpg',
'/mhs/templates/mhs_band/images/container_bg.jpg',
'/mhs/templates/mhs_band/images/content_bg.png',
'/mhs/templates/mhs_band/images/content_bottom.png',
'/mhs/templates/mhs_band/images/content_top.jpg',
'/mhs/templates/mhs_band/images/footer_left.jpg',
'/mhs/templates/mhs_band/images/footer_right.jpg',
'/mhs/templates/mhs_band/images/gbook.jpg',
'/mhs/templates/mhs_band/images/gbook_on.jpg',
'/mhs/templates/mhs_band/images/head_left.jpg',
'/mhs/templates/mhs_band/images/head_right.jpg',
'/mhs/templates/mhs_band/images/head_top.jpg',
'/mhs/templates/mhs_band/images/imprint.jpg',
'/mhs/templates/mhs_band/images/imprint_on.jpg',
'/mhs/templates/mhs_band/images/links.jpg',
'/mhs/templates/mhs_band/images/links_on.jpg',
'/mhs/templates/mhs_band/images/live.jpg',
'/mhs/templates/mhs_band/images/live_on.jpg',
'/mhs/templates/mhs_band/images/login.jpg',
'/mhs/templates/mhs_band/images/login_on.jpg',
'/mhs/templates/mhs_band/images/lyrics.jpg',
'/mhs/templates/mhs_band/images/lyrics_on.jpg',
'/mhs/templates/mhs_band/images/mhs_web_slice_31.jpg',
'/mhs/templates/mhs_band/images/mhs_web_slice_33.jpg',
'/mhs/templates/mhs_band/images/mhs_web_slice_35.jpg',
'/mhs/templates/mhs_band/images/mhs_web_slice_37.jpg',
'/mhs/templates/mhs_band/images/mp3.jpg',
'/mhs/templates/mhs_band/images/mp3_on.jpg',
'/mhs/templates/mhs_band/images/myspace.jpg',
'/mhs/templates/mhs_band/images/myspace_on.jpg',
'/mhs/templates/mhs_band/images/nav_left_bottom.jpg',
'/mhs/templates/mhs_band/images/nav_left_in_side.jpg',
'/mhs/templates/mhs_band/images/nav_left_out_side.jpg',
'/mhs/templates/mhs_band/images/nav_right_bottom.jpg',
'/mhs/templates/mhs_band/images/nav_right_in_side.jpg',
'/mhs/templates/mhs_band/images/nav_right_out_side.jpg',
'/mhs/templates/mhs_band/images/pics.jpg',
'/mhs/templates/mhs_band/images/pics_on.jpg',
'/mhs/templates/mhs_band/images/stats.jpg',
'/mhs/templates/mhs_band/images/stats_on.jpg',
'/mhs/templates/mhs_band/images/videos.jpg',
'/mhs/templates/mhs_band/images/videos_on.jpg');
var x;
function preload()
{
p = new Array();
x = 0;

for(i=0;i<progress.length;i++)
{
p[i] = new Image();
p[i].onabort = update;
p[i].onerror = update;
p[i].onload = update;
p[i].src = progress[i];
}
}

function update()
{
x++;
pro=Math.floor((x/progress.length)*100);
document.getElementById('balken').style.width = pro*3+'px';

(document.all) ?
dom=document.all('loadausgabe') :
dom=document.getElementById('loadausgabe');
dom.innerHTML= x+' von '+progress.length+' Bildern geladen.<br />'+pro+' %';

if(pro==100) location.href=url;
}
preloader.css +-
body {
color: #dedede;
margin: 0 auto;
font-family: Verdana,Helvetica,sans-serif;
font-size: 8pt;
text-align: center;
background: #000;
}
#container {
margin: 0 auto;
width: 980px;
text-align: center;
background: #000;
}
a:link, a:visited {
color: #dedede;
text-decoration: underline;
outline: none;
}
a:active, a:hover {
color: #5a5a5a;
outline: none;
}
index.html +-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Muddleheaded Scum - Official Band-Site - News</title>
<meta name="author" content="ClanSphere" />
<meta name="description" content="ClanSphere" />
<meta name="designer" content="ClanSphere" />
<meta name="distribution" content="global" />
<meta name="keywords" content="ClanSphere" />
<meta name="language" content="de,en" />
<meta name="publisher" content="ClanSphere" />
<meta name="robots" content="page,follow" />
<link href="preloader.css" rel="stylesheet" type="text/css" />
<script src="preloader.js" type="text/javascript"></script>
<!--[if lte IE 6]>
<div style="margin:5px 0;padding:10px;border:5px solid #000;color:#000;background:#ff0;text-align:center;"><strong>Inform ation :</strong> Sie benutzen einen veralteten und unsicheren Browser. Um diese Seite korrekt anzeigen zu k&ouml;nnen, empfehlen wir dringenst einen modernen, standard-konformen Browser - wie Firefox, Opera, Safari oder Google Chrome. Alle diese Browser sind 100% kostenlos. Alternativ besteht auch die Möglichkeit den Internet Explorer auf den neuesten Stand zu bringen.</div>
<![endif]-->

</head>
<body onload="preload()">
<div id="container">
<div style="width: 300px; height: 15px; background: #999; border: 2px ridge #009; margin: 200px auto 0;">
<div id="balken" style="width: 0px; height: 15px; float: left; background: #00f"></div>
</div><br />
<div id="loadausgabe">0 von 0 Bildern geladen.<br />0 %</div><br />
<a href="http://mirasfreude.kilu.de/mhs/page/">direkt zur Seite</a>
</div>
</body>
</html>


------------------
greeetz Miraculix

Band-Page -> www.muddleheaded-scum.de

Inaktiv
|
Nachtmeister


Specialist




Herkunft: Bern
Beiträge: 2091
 # Antwort: 5 - 08.04.2009 um 22:06 Uhr
Im Original wurde da mit img gearbeitet und nicht div


versteh ich jetzt nicht so ganz. Was war jetzt in diesem Schnippsel im Original anders? Hast du das Original mal getestet?

document.getElementById('balken')

Hast du mal kontrolliert, ob er die ID's auch ansprechen kann, die er sucht bzw. ob du auch wirklich ein Element hast, dass die ID 'balken' hat?


------------------
"God created the universe in 1 Day, and then spent 5 days making it look good In Internet Explorer"

Inaktiv
|
Miraculix
Thread-Ersteller


Going for pro




Herkunft: Füssen
Beiträge: 429
 # Antwort: 6 - 09.04.2009 um 17:35 Uhr
Hast du mal kontrolliert, ob er die ID's auch ansprechen kann, die er sucht bzw. ob du auch wirklich ein Element hast, dass die ID 'balken' hat?

Wie ansprechen? Ja ist vorhanden. Sonst würde es ja warscheinlich gar nicht gehen denk ich mal.

Hast du das Original mal getestet?

Jo hab ich. Und Da funktionierte es bis auf das dass das Bild fehlte.

Was war jetzt in diesem Schnippsel im Original anders?

Hab nochmal gesucht und es doch wieder gefunden. Ist doch schon von 2003.
Mal zum direkten Vergleich:

Original +-

<html>
<head>
<title>preloader</title>
<script>
/* EIGENSCHAFTEN */

url = "bilder.html"; // weiterleitungs url wenn bilder geladen

progress= new Array( "bin.png", // hier kommen die bilder rein
"clem.png",
"wai.png",
"test.jpg",
"idiot.png",
"kotze.png");

/* EIGENSCHAFTEN ENDE */

var x;
function preload()
{
p = new Array();
x = 0;

for(i=0;i<progress.length;i++)
{
p[i] = new Image();
p[i].onabort = update;
p[i].onerror = update;
p[i].onload = update;
p[i].src = progress[i];
}
}

function update()
{
x++;
pro=Math.floor((x/progress.length)*100);
document.images["balken"].width=pro*2;

(document.all) ?
dom=document.all["loadausgabe"] :
dom=document.getElementById("loadausgabe");

dom.innerHTML= x+" von "+progress.length+" Bildern geladen.<br>"+pro+" %";

if(pro==100) location.href=url;
}
</script>
</head>

<body onload="preload()" bgcolor=#617691>
<table width=100% height=100% align=center>
<td align=center>
<table align=center width=210 height=20>
<tr>
<td align=left width=210 valign=top height=20>
<img src=loadbar.gif>
</td>
</tr>
<tr>
<td align=left width=210 valign=top height=20>
<img src=balken.gif height=5 width=0 name=balken>
</td>
</tr>
<tr>
<td align=left width=210 valign=top height=20>
<div id="loadausgabe" style="font:10px verdana;color:ffffff">0 von 0 Bildern geladen.<br>0 %</div>
</td>
</tr>
</table>
</td>
</table>
</body>
</html>

mein JS +-

url = 'http://mirasfreude.kilu.de/mhs/page/';
progress= new Array(
'/mhs/templates/mhs_band/images/about.jpg',
.
.
'/mhs/templates/mhs_band/images/videos_on.jpg');
var x;
function preload()
{
p = new Array();
x = 0;

for(i=0;i<progress.length;i++)
{
p[i] = new Image();
p[i].onabort = update;
p[i].onerror = update;
p[i].onload = update;
p[i].src = progress[i];
}
}

function update()
{
x++;
pro=Math.floor((x/progress.length)*100);
document.getElementById('balken').style.width = pro*3+'px';

(document.all) ?
dom=document.all('loadausgabe') :
dom=document.getElementById('loadausgabe');
dom.innerHTML= x+' von '+progress.length+' Bildern geladen.<br />'+pro+' %';

if(pro==100) location.href=url;
}
meine html +-

...
<head>
.
.
<link href="preloader.css" rel="stylesheet" type="text/css" />
<script src="preloader.js" type="text/javascript"></script>
<!--[if lte IE 6]>
...
<![endif]-->

</head>
<body onload="preload()">
<div id="container">
<div style="width: 300px; height: 15px; background: #999; border: 2px ridge #009; margin: 200px auto 0;">
<div id="balken" style="width: 0px; height: 15px; float: left; background: #00f"></div>
</div><br />
<div id="loadausgabe">0 von 0 Bildern geladen.<br />0 %</div><br />
<a href="http://mirasfreude.kilu.de/mhs/page/">direkt zur Seite</a>
</div>
</body>
</html>


Also mit [] statt () und " statt ' hab ich schon probiert und brachte keinen Erfolg.

Das komische ist das es eben nur beim erst Besuch auf der Seite nicht funktioniert. Dann geht es. Auch nach Cache leeren.
Das macht mich halt immer noch stutzig. Wenn es denn kar nicht funktionieren würde hätte was womit ich arbeiten könnte aber ... naja.
Oh man hätte ich doch die Finger von JS gelassen.


------------------
greeetz Miraculix

Band-Page -> www.muddleheaded-scum.de

Zuletzt editiert von Miraculix am 09.04.2009 um 17:40 Uhr (2x Editiert)
Inaktiv
|
Miraculix
Thread-Ersteller


Going for pro




Herkunft: Füssen
Beiträge: 429
 # Antwort: 7 - 16.04.2009 um 22:27 Uhr
OK ich habs jetzt zum laufen gebracht.

Trotzdem danke für deine Bemühungen.

Kann geschlossen werden.


------------------
greeetz Miraculix

Band-Page -> www.muddleheaded-scum.de

Inaktiv
|
Nachtmeister


Specialist




Herkunft: Bern
Beiträge: 2091
 # Antwort: 8 - 16.04.2009 um 22:49 Uhr
Darf man noch wissen, wo der Fehler war? Nicht um dich zu blamieren, sondern um meinen Horizont zu erweitern ^^


------------------
"God created the universe in 1 Day, and then spent 5 days making it look good In Internet Explorer"

Inaktiv
|
Miraculix
Thread-Ersteller


Going for pro




Herkunft: Füssen
Beiträge: 429
 # Antwort: 9 - 17.04.2009 um 13:34 Uhr
Ansonsten weiss ich auch nicht. Vielleicht fehlerhafte Pfade.


so gehts +-
 
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.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
1. / 2. / ... 
 url    = "http://mirasfreude.kilu.de/mhs/page/";
progress= new Array(    "/templates/mhs_band/images/about.jpg",
"/templates/mhs_band/images/about_on.jpg",
"/templates/mhs_band/images/band.jpg",
"/templates/mhs_band/images/band_on.jpg",
"/templates/mhs_band/images/banner.jpg",
"/templates/mhs_band/images/banner_on.jpg",
"/templates/mhs_band/images/contact.jpg",
"/templates/mhs_band/images/contact_on.jpg",
"/templates/mhs_band/images/container_bg.jpg",
"/templates/mhs_band/images/content_bg.png",
"/templates/mhs_band/images/content_bottom.png",
"/templates/mhs_band/images/content_top.jpg",
"/templates/mhs_band/images/footer_left.jpg",
"/templates/mhs_band/images/footer_right.jpg",
"/templates/mhs_band/images/gbook.jpg",
"/templates/mhs_band/images/gbook_on.jpg",
"/templates/mhs_band/images/head_left.jpg",
"/templates/mhs_band/images/head_right.jpg",
"/templates/mhs_band/images/head_top.jpg",
"/templates/mhs_band/images/imprint.jpg",
"/templates/mhs_band/images/imprint_on.jpg",
"/templates/mhs_band/images/links.jpg",
"/templates/mhs_band/images/links_on.jpg",
"/templates/mhs_band/images/live.jpg",
"/templates/mhs_band/images/live_on.jpg",
"/templates/mhs_band/images/login.jpg",
"/templates/mhs_band/images/login_on.jpg",
"/templates/mhs_band/images/lyrics.jpg",
"/templates/mhs_band/images/lyrics_on.jpg",
"/templates/mhs_band/images/mhs_web_slice_31.jpg",
"/templates/mhs_band/images/mhs_web_slice_33.jpg",
"/templates/mhs_band/images/mhs_web_slice_35.jpg",
"/templates/mhs_band/images/mhs_web_slice_37.jpg",
"/templates/mhs_band/images/mp3.jpg",
"/templates/mhs_band/images/mp3_on.jpg",
"/templates/mhs_band/images/myspace.jpg",
"/templates/mhs_band/images/myspace_on.jpg",
"/templates/mhs_band/images/nav_left_bottom.jpg",
"/templates/mhs_band/images/nav_left_in_side.jpg",
"/templates/mhs_band/images/nav_left_out_side.jpg",
"/templates/mhs_band/images/nav_right_bottom.jpg",
"/templates/mhs_band/images/nav_right_in_side.jpg",
"/templates/mhs_band/images/nav_right_out_side.jpg",
"/templates/mhs_band/images/pics.jpg",
"/templates/mhs_band/images/pics_on.jpg",
"/templates/mhs_band/images/stats.jpg",
"/templates/mhs_band/images/stats_on.jpg",
"/templates/mhs_band/images/videos.jpg",
"/templates/mhs_band/images/videos_on.jpg"
);
var x;
function preload()
{
    p    = new Array();
    x    = 0;

     for(i=0;i<progress.length;i++)
    {
        p[i]        = new Image();
        p[i].onabort     = update;
        p[i].onerror     = update;
        p[i].onload      = update;
        p[i].src    = progress[i];
    }
}

function update()
{
    x++;
    pro=Math.floor((x/progress.length)*100);
    document.getElementById("balken").style.width = pro*3+"px";

    (document.all) ?
    dom=document.all["loadausgabe"] :
    dom=document.getElementById("loadausgabe");
    dom.innerHTML= x+" von "+progress.length+" Bildern geladen.<br />"+pro+" %";

    if(pro==100) location.href=url;
}


Hatte bei der pic-Liste
 
1.
1. / 2. / ... 
 "/mhs/templates/mhs_band/images/about.jpg",
So wurden die Bilder zwar geladen aber die Weiterleitung funzte nicht weil er ja iwi falsch gerechnet hat.

 
1.
1. / 2. / ... 
 "http://mirasfreude.kilu.de/mhs/templates/mhs_band/images/about.jpg",
So ging es gar nicht.

 
1.
1. / 2. / ... 
 "/templates/mhs_band/images/about.jpg",
Und so geht es jetzt.

Nur ist es jetzt iwi langsamer (vor allem IE & Chrome) und im IE hab ich das gefühl dass die bilder nicht im Cache liegen.
Safari, Opera und FF funktionieren einwandfrei.

Noch eine Frage: Was ist eigentlich der unterschied zwischen einfachen ' und doppelten " ?


------------------
greeetz Miraculix

Band-Page -> www.muddleheaded-scum.de

Inaktiv
|
Nachtmeister


Specialist




Herkunft: Bern
Beiträge: 2091
 # Antwort: 10 - 17.04.2009 um 17:25 Uhr
Noch eine Frage: Was ist eigentlich der unterschied zwischen einfachen ' und doppelten " ?


Gar keiner. Wenn du beispielsweise in PHP ein echo machst, kannst du mit " oder ' starten, egal. Wenn du nun innerhalb aber z.B. sowas brauchst <div class="..."> brauchst du ja wieder anführungszeichen. Wenn du dein Echo nun mit " gestartet hast und das DIV so schreibst wie oben, wird das Echo ja wieder geschlossen. Das kannst du umgehen in dem du nun einfach <div class='...'> schreibst. Jo, und so funktioniert das auch in Javascript und einigen anderen Programmiersprachen.

Fazit: Es spielt keine Rolle, was du benutzt.


------------------
"God created the universe in 1 Day, and then spent 5 days making it look good In Internet Explorer"

Zuletzt editiert von Nachtmeister am 17.04.2009 um 17:26 Uhr (1x Editiert)
Inaktiv
|
Miraculix
Thread-Ersteller


Going for pro




Herkunft: Füssen
Beiträge: 429
 # Antwort: 11 - 17.04.2009 um 18:15 Uhr
OK Danke

Aber jetzt kann es denk ich closed werden.


------------------
greeetz Miraculix

Band-Page -> www.muddleheaded-scum.de

Inaktiv
|

Dieses Thema wurde von Nachtmeister PM geschlossen.
Antworten: 11
Seite [1]