Sehr simpler Preloader

carla · 14.01.2005, 13:26

Hi,
hab eine File die ca. 2 minuten braucht bis diese geladen wird und sucher daher einen sehr simplen Preloader mit einer simplen Anzeige. Man soll lediglich erkennen das die Site geladen wird...

Hab in der Suche hier nur das gefunden:
http://www.traum-projekt.com/forum/s...earchid=241231

Hat jemand nen Code-Schnippsel oder Link für mich? Auch bei google hab ich nur welche mit Bildern und so weiter gesehen. Suche aber irgendwas sehr simples, danke

carla · 14.01.2005, 13:34

Hab mal folgenden Code entdeckt:

Code:

<table> 
<tr><td background="/images/hintergrund.gif"><img src="/images/foto.jpg" width="800" height="500" border="0"></td></tr> 
</table>

Das ist so eine simpler preloader für bilder, wo man als hintergrund ne einfache grafik mit dem Text "...wird geladen" positioniert die später mit der eigentlichen grafik überladen wird.

Nun hab ich mir überlegt, vielleicht einen Text anzuzeigen bis die Site geladen ist, hat jemand ne idee wie das umzusetzen wäre?

Boris · 14.01.2005, 14:25

Wieso lässt Du (diesen Unsinn) nicht einfach weg? Das ist doch eine Webseite, und kein Flashfilm (?) ... was erhoffst Du Dir durch einen Preloader?

carla · 18.01.2005, 13:28

Nun ja, die Site dauert ca. 2 minuten bis sie angezeigt wird, ich möchte das der Anwender erkennt das die Site geladen wird und nicht ständig auf "reload" klickt oder glaubt die Web-Anwendung wäre abgestürzt.

Geht auch wenn einfach ein Maus-Icon wechsel auftritt beispielsweise die Sanduhr, hauptsache irgendwas wo der Anwender erkennt das die Site geladen wird.

Jupp · 18.01.2005, 13:39

Zitat:

Zitat von carla

Geht auch wenn einfach ein Maus-Icon wechsel auftritt beispielsweise die Sanduhr, hauptsache irgendwas wo der Anwender erkennt das die Site geladen wird.

mit style="cursor: wait;" wird die sanduhr angezeigt. vielleicht hilft dir das.

Boris · 18.01.2005, 13:40

Es dauert 2 Minuten? Dir ist klar, dass das sehr lange ist und vermieden werden sollte? Zudem - 2 Minuten mit Modem? ISDN? DSL?

Worum geht es denn bei dieser Seite, dass sie 2 Minuten Wartezeit berechtigt?

carla · 18.01.2005, 13:43

Code:

<script language="JavaScript">
var bild = new Array(); 
var datei = new Array("images/1.gif","images/2.gif","images/3.gif"); 

var p=0 //Prozent
var b=datei.length; // Anzahl der zu ladenden Bilder
for(i=0; i<=b; i++) 
{ 
bild[i] = new Image(); 
bild[i].src = datei[i];
p= (i/b)*100; 
window.status=i + " von " + b + " Bildern vorgeladen " + "[" + p + "%]";

}


</script>

Vielleicht kann mir ja jemand helfen das umzuwandeln so das keine bilder sondern eine Datei geladen wird und dies angezeigt wird

@Jupp
danke, nun benötige ich noch das Script das die Umwandlung des Cursors nur solange gilt, solange die Site noch nicht geladen ist. Umgangssprachlich ungefähr so:

Site nicht geladen
style="cursor: wait;"
Site geladen
style="cursor: normal;"

carla · 18.01.2005, 13:44

Zitat:

Zitat von Adagio

Es dauert 2 Minuten? Dir ist klar, dass das sehr lange ist und vermieden werden sollte? Zudem - 2 Minuten mit Modem? ISDN? DSL?

Worum geht es denn bei dieser Seite, dass sie 2 Minuten Wartezeit berechtigt?

Da wird eine Site dynamisch generiert mit Daten aus einer MySQL-Datenbank, sind eine Menge Datensätze die da ausgegeben werden müssen... hab schon versucht die Ladezeit zu verkürzen aber gibt da keine Möglichkeit. Daher such ich nun ne Möglichkeit dem Anwender ein Zeichen zu geben das die Site geladen wird.

carla · 18.01.2005, 13:49

http://www.ideenreich.com/trickkiste/tricks130.shtml

Den hab ich auch schon ausprobiert, aber da lädt mir der IE die Site nicht wenn ich den Code dort in meine Anwendung integriere... hab da die Bilder von der Site genommen die im Verzeichnis muster liegen und da erscheint im unten im IE das 0 der 2 Bilder geladen wurden. Im Firefox jedoch funktioniert das

Jemand ne Idee, da würde ich dann ne Site vorladen und die eigentliche Site dann nachladen...

Jupp · 18.01.2005, 13:49

mit js hab ichs nicht so. aber ich glaub der event-handler "onLoad" (z.B. beim <body>) setzt erst dann ein, wenn alles geladen ist. vielleicht kriegstes ja so irgendwie hin:

Code:

  <style>
  body{cursor: wait;}
  </style>

und dann onLoad den cursor auf auto setzen.

carla · 18.01.2005, 13:52

@Jupp

hm, auf die Idee kam ich noch gar nicht, das wäre eine sehr elegante & einfache Möglichkeit, werde diese gleich testen

Jupp · 18.01.2005, 13:55

mit der gleichen methode könntest du natürlich auch einen text oder ein bild für die dauer des ladevorgangs anzeigen lassen

würd mich jetzt auch mal interessieren, ob das so klappt.

carla · 18.01.2005, 14:17

Hab mal ein Beispiel gemacht, das funktioniert mal vorerst, muss nur noch den Text ändern und den Maus-Icon verändern, aber im Prinzip sollte es gelöst sein

Code:

<html>
<title>TEST</title>
<script type="text/javascript">
function Seite_laden()
{
document.location.href = "preloader.html"

}
</script>

<body onload="Seite_laden()">
<p>
TEST
</body>
</html>

321 · 18.01.2005, 17:22

Wenn es sich um die Startseite/Homepage/index.html handelt,
sollte dringendst ein anderes Konzept erwogen werden.
Niemand wartet solange ohne zu wissen was daher kommen wird.

Weiss man es aber, weil das meiste wiederkehrende Besucher/Kunden sind,
dann ist es erstrecht nicht nötig, schon auf der ersten Seite ne geballte Ladung an Info rein zustopfen.

Erst auf Klicks hin, die zu spezifischen Inhalten führen,
sollten diese dann auch zusammen gestellt werden.
Der Kunde hat dann was verlangt und ist eher bereit zu warten.

Vllt. müssten auch die Scripts mit den DB-Zugriffen optimiert werden??

Bei einer Grafik (<img) wird der Alternativtext angezeigt bis die Grafik geladen ist:

HTML-Code:

<img src="riesengrafik.jpg" alt="Riesige Grafik, 2MB oder so,das braucht seine Ladezeit!" width=123 height=456>

&#010; bewirkt Zeilenumbruch im Alternativtext