| HTML Preloader |
Jamil
Quasselstrippe
Beiträge: 273
|
tach zusammen,
ich brauche einen preloader für eine html seite. der soll ganz einfach sein, also ohne fortschrittbalken und prozentzahl, sondern lediglich den text "Seite wird geladen..."
kann man das per html realisieren oder braucht man für einen preloader grundsätzlich JS?
ich hab nicht besonders gute html kenntnisse, deshalb wäre ein tutorial oder so was ganz hilfreich, zum einfachen verstehen und nachbauen.
thnx im vorraus
Diese Nachricht wurde geändert von: Jamil |
| Profil
Website
Editieren
Zitieren
|
epitaxy
Fachidiot
Beiträge: 117
|
warum willste denn einen preloader machen? :D
|
| Profil
Editieren
Zitieren
|
Jamil
Quasselstrippe
Beiträge: 273
|
na, wieso macht man denn wohl einen preloader??????????????
ich hab um hilfe gebeten und nicht um eventuelle ratschläge, ob ein preloader angebracht ist oder nicht....
Diese Nachricht wurde geändert von: Jamil |
| Profil
Website
Editieren
Zitieren
|
HerrRossi
Feiertags-Poster
Beiträge: 26
|
Ruhig Blut, Jamil! 
Epitaxy hat Dich ja nicht "belehrt" . sindern nur gefragt, wozu Du den Preloader brauchst. Hättest das nämlich verraten, dann könnte man Dir auch einfacher einen Lösungsvorschlag machen!
Wenn es Dir nur darum geht, Bilder vorzuladen, dann kannst Du das z.B. so verwirklichen, daß Du auf der Seite vor der Seite mit den entsprechenden Bildern die Bilder mit einer Größe von 1*1px unter einem div anzeigen läßt. Man sieht sie dann nicht, sie sind aber dann trotzdem schon im Cache und werden dann, wenn man auf die nächste Seite kommt, sofort angezeigt.
Dabei brauchst auch keinen " ... wird geladen ... " Hinweis, der in der Regel eh nur nervt.
Aber wie gesagt, wenn Du genauer beschreiben würdest, was Dein Ziel ist, kann man Dir auch besser helfen. 
Grüße
Rossi 
webmaster of www.blutspur.net
Diese Nachricht wurde geändert von: HerrRossi |
| Profil
E-Mail
Editieren
Zitieren
|
Jamil
Quasselstrippe
Beiträge: 273
|
ok, sry, ich bin im moment etwas gereizt und unter stress, sry
ich wollte eigentlich eine komplette seite vorrausladen, nicht nur bilder, sondern einfach die komplette seite, sodass die seite erst erscheint, wenn alles geladen ist, damit möchte ich nämlich verhindern, das die seite stück für stück aufgebaut wird (sieht so zerstückelt aus beim laden)
thnx
|
| Profil
Website
Editieren
Zitieren
|
HerrRossi
Feiertags-Poster
Beiträge: 26
|
OK, also mit reinem html wirst das nicht schaffen. Das ist eben mal so, daß Browser ( Gott sei Dank! ) die Seite der Reihe nach aufbauen und Du nicht 2 Minuten vor einem leeren Screen sitzt, bis die Seite komplett geladen ist.
Ob es mit JS geht, weiß ich nicht, könnte es mir aber vorstellen. Prinzipiell ist für sowas aber Flash die erste Wahl.
Wenn ich aber meine persönliche Meinung kund tun darf : Eine Webseite sollte so geschrieben sein, daß auch Benutzer mit langsamer Internetverbindung eine erträgliche "Wartezeit" haben. Das heißt, gif-optimierte Bilder, CSS Einsatz mit Trennung von Inhalt ( html ) und Design ( css ) und valide Seiten. Hält man sich an solche Grundsätze, dann sind auch komplexere Seiten in kurzer Zeit aufgebaut und man braucht so oder so keinen Preloader.
Und wenn da soooooooo viel drauf ist, daß man dafür "warten" muß und sich einen Preloader ansehen muß, dann garantiere ich Dir, daß mehr als 75% der Erstbesucher die Seite wieder verlassen, bevor sie etwas gesehen haben. Und es ist die Frage, ob das Dein Ziel ist.
Wie Du einen Preloader mit Flash verwirklichen kannst, weiß ich leider selber nicht, da ich mich nicht auskenne damit. Es gibt hier aber im Forum genug sehr gute Flash-Freaks, die Dir da sicher weiterhelfen können!
Grüße
Rossi 
webmaster of www.blutspur.net
Diese Nachricht wurde geändert von: HerrRossi |
| Profil
E-Mail
Editieren
Zitieren
|
epitaxy
Fachidiot
Beiträge: 117
|
genau meine meinung!
|
| Profil
Editieren
Zitieren
|
Jamil
Quasselstrippe
Beiträge: 273
|
das ist übrigens auch meine meinung
|
| Profil
Website
Editieren
Zitieren
|
epitaxy
Fachidiot
Beiträge: 117
|
supper, dann sind wir uns alle einig das du deine seite schmaler bauen musst und garkein preloader brauchst 
greetz
|
| Profil
Editieren
Zitieren
|
Al Blank
Quasselstrippe
Beiträge: 368
|
Ola,
Du kannst eine Ebene basteln die per Javascript ein- bzw. ausgeblendet wird sobald das letzte Bild vollständig geladen ist. Ist eigentlich keine so großer Akt!
In die Ebene kannst Du reinschreiben was Du willst. Ansonsten gibts natürlich massenhaft Preloader Progrämmchen, allerdings meißt in Javascript, das das für diese Sachen perfekt ist.
Diese Nachricht wurde geändert von: Al Blank |
| Profil
Editieren
Zitieren
|
Jamil
Quasselstrippe
Beiträge: 273
|
ja, sowas in der art hab ich mir vorgestellt, kannst du mir vielleicht tutorials für sowas geben, oder irgendeine erklärung wie man sowas macht, ich hab nämlich kein plan.
thnx
|
| Profil
Website
Editieren
Zitieren
|
Al Blank
Quasselstrippe
Beiträge: 368
|
So,
hat leider etwas länger gedauert, da ich mit meinem ganzen Krempel umgezogen bin.
Hier der Code, getestet für I.E..
Prinzip ist das Anfangs in einer Tabelle "...wird geladen" geschrieben wird.
In einer Ebene ist Dein Inhalt, welche eingeblendet wird sobald der Kontent geladen ist, und die sich dann über die Tabelle "legt".
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: | <html>
<head>
<title>Seite erst zeigen wenn alles geladen ist</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
//-->
</script>
</head>
<body onLoad="MM_showHideLayers('main','','show')">
<table width="100%" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>
<div align="center">
<p>Bitte warten... 554 kb werden geladen!</p>
</div></td>
</tr>
</table>
<div id="main" style="position:absolute; width:800px; height:600px; z-index:1; overflow: hidden; left: 0; top: 0px; visibility: hidden;">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<p>Hier der Content:</p>
<img src="http://www.infocater.com/images/tabletpcpics/InfoCater%20Booth%20at%20Planet%20PDA,%200902%20SF.jpg" width="1152" height="864">
</td>
</tr>
</table>
</div>
</body> |
Vorteil der ganzen Sache ist auch, das das was Du anstelle von "...wird geladen" schreibst, in Google z.B. als Textauszug (Kurzbeschriebung) für die Seite steht, mußt Du einfach mal ausprobieren. Deswegen habe bin ich überhaupt darauf gekommen, da die Robots in der Regel die ersten 250 Zeichen oder so auflisten, kannst Du es damit beeinflußen und es wird nicht Deine ganze Navigation (z.B.) aufgelistet.
Hoffe es funzt,
Grüße,
Al Blank
Diese Nachricht wurde geändert von: Al Blank |
| Profil
Editieren
Zitieren
|
Philipp Gérard
Foren-Team
Beiträge: 1508
|
ei, ein dreamweaver-code :D
---
Arbeit ist das Feuer der Gestaltung. - Marx
|
| Profil
E-Mail
Website
Editieren
Zitieren
|
Al Blank
Quasselstrippe
Beiträge: 368
|
...ich steh auf die Extensions, nur zu empfehlen, allein für DW gibts über 500!
(Wers nicht selber programmieren will ;] , leider sind Sie meißt etwas unübersichtlich)
|
| Profil
Editieren
Zitieren
|
Jamil
Quasselstrippe
Beiträge: 273
|
jo, genau sowas meinte ich, vielen dank für Deine bemühungen, thnx
gruß
|
| Profil
Website
Editieren
Zitieren
|
