Preload Problem

Carlos

Hi

Ich habe ein Problem mit der JavaScripFunktion Preload. Ich etwa 20 Bilder die ich vorladen will, bevor ich auf die Seite komme und es lange dauert, bis alle Buttons angezeigt werden.
Ich will aber nicht jedes einzelne Bild mit dem Namen ansprechen welche ich vorladen will sondern alle aus dem Ordner. Geht das? Bei mir hats nicht geklappt.
Ist es sonst vielleicht möglich die Dateinamen der Bilder in ein Array zu speichern und dann der Preloadfunktion als Argument anzuhängen?

Ich danke den Cracks schon jetzt, die mir weiterhelfen können

Carlos

Mülla

Hi carlos, warum machst du es nicht mit php, dann kannst du erst alles laden lassen und dann anzeigen mit balken evtl. oder so...

aber ich verstehe dein problem nicht ganz, es ist doch normal eine seite die geladen werden soll, die seite verweist doch dann auf den unterordner, und normal müsste es doch laufen oder??

greetz mülla

Carlos

Naja, mit PHP hab ich noch nie was gemacht. Ich muss mich auf Perl und HTML beschränken. JS bin ich mir auch erst am aneignen.

Es ist so... wenn man die URL eingibt kommt zuerst eine Begrüssungsseite. Die ist schnell geladen. Dann kann der User weiterklicken (in dieser Zeit in der er nichts tut, sollen schon die Grafiken der nächsten seite geladen werden, besser gesagt onLOAD)

Mülla

dann leg doch die javascript funktion in die erste seite, dass die bilder geladen werden und in den body tag schreibste einfach onload="jsfunktion" ... dannwir ddie doch beim ersten laden gestartet...

soweit bin ich auch schon lange

Ich will aber wissen ob es eine Möglichkeit gibt alle Bilder aus einen Ordner vorzuladen ohne jeden einzelnen Name fest eingeben zu müssen. z.b preload httpdocs/bilder/*.jpg

oder sowas in der Art

dass ich nicht das machen muss
preload 'datei1.jpg','datei2.jpg','datei3.jpg'

capishe?

Ronald

So geht es:

Code

<?PHP
$dir = opendir('');
while ($file = readdir ($dir)) 
   {
     if(substr($file,-4) != ".jpg" ) continue;
     echo "$file 
";
     echo "[img]$file[/img] 
\n";
   }
closedir($dir);
?>

Alles anzeigen

Gruß aus der Marsch!

Ronald

Edit:
Hups - hab gerade gesehen, daß er nach einer Javascript-Lösung sucht, sorry

Ronald

Noch was:

Wenn die Ladezeiten der Button derart groß sind, dann solltest du vielleicht mal die Button kleiner machen.
Auch kann man mit Stylesheets für alle Links einen (zwei) gemeinesame(n) Button nehmen und nur die Beschriftung ändern, oder man simuliert die kompletten Button einfach nur (je nach Design)

G.a.d.M.

Ronald

Mülla

Hi Ronald...

ja der sucht nur nach einer javascript lösung, allerdings hätte er sich mal vorher klar ausdrücken sollen.

@Gast, warum gibste denn nicht alle ein? Wieviel hast du denn?

gruß

Carlos

Zu Ronald

Logischerweise ist mir ja das auch durch den Kopf, aber ich brauche halt nun grafische Buttons. Die Ladezeit ist nicht sher gross, aber trotzdem bruacht es 2-3 sec beim Mouseover, bevor er zum ersten mal die zweite Grafik anzeigt. Später läuft es dann schnell.

Was die grösse der Buttons angeht, die sind auf die BIldschirm Auflösung angepasst und sollten genau ins Design passen.

Ich habe 16 Buttons und dann noch 16 Bilder für Mouseover.
Ich würde gerne auch das Hintergrundbild vorladen. Das sind die Grafiken die sich ständig wiederholen und die ich auf der Startseite vorladen könnte um beim ersten Aufruf (auf der nächsten Seite) keine Verzögerungen hinnehmen zu müssen.

Ronald

Moin!

Zitat von Carlos

Logischerweise ist mir ja das auch durch den Kopf, aber ich brauche halt nun grafische Buttons. Die Ladezeit ist nicht sher gross, aber trotzdem bruacht es 2-3 sec beim Mouseover, bevor er zum ersten mal die zweite Grafik anzeigt. Später läuft es dann schnell.

Dann ist dein Script falsch geschrieben.

Bei einem richtigen Script werden die 'Hover-Button' vorgeladen, sobald die Seite geöffnet wird und nicht erst bei Mousover.

G.a.d.M.

Ronald

Carlos

Das weiss ich, aber es soll nicht auf der Seite in der ich sie sehen soll vorgeladen werden, sondern schon eine Seite vorher...

darum auch "vorladen" und nicht "laden", dass wenn ich auf die nächste Seite komme, sollen die Buttons viel schneller dargestellt werden und nicht noch erst laden müssen.

Ronald

Dann füge doch in die Startseite schon ein Script ein, welches die Button im Hintergrund lädt.

Ehrlich gesagt habe ich das Gefühl, daß ich dein wahres Problem nicht so ganz verstehe. Wie wäre es mal mit etwas ...

Code

Quelltext ?

Fragt ...

Ronald

Mülla

also ich wüsste es jetzt nur so zu machen mit JS:

in den Head

Code

<script language="JavaScript">
<!--
function MM_preloadImages() { 
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}


function MM_swapImgRestore() { 
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}


function MM_findObj(n, d) { 
  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;
}


function MM_swapImage() { 
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>

Alles anzeigen

Und in den Body tag:

Code

onLoad="MM_preloadImages('button_1.gif','button_2.gif','button_3.gif','button_4.gif','button_5.gif','button_6','button_8.gif')"

Da musste aber halt jedes Bilder angeben... mmh... das wolltest du doch nicht oder?

Anders wüsste ich nicht... probier doch mal mit *.gif ... wrd aber wahrscheinlich nicht gehen

greetz

Carlos

Mülla hats kapiert

aber er hat recht, ich will nicht jede Datei die ich preloaden will von Hand eintippen sondern einfach alle Bilder aus einem Ordner...

Tags