Erst Webseite laden dann Bilder

[resoucer]

Hi, wollte mal fragen ob man mit php das laden der seite beeinflussen kann

ich beziehe von einer anderen webseite bilder, da deren server aber zu langsam ist ist meine webseite dementsprechent auch langsam. Jetzt suche ich eine möglichkeit diverse bilder auf der seite erst zu laden wenn die seite komplett fertig geladen ist

Also das man dort wo das Bild rein soll nur einen weißen Rahmen sieht der sich langsam füllt


PS: Ja ich darf die Pic von der anderen Seite beziehen.

Würde mich freunden wenn mir einer in der super community einer helfen kann

 

[evident]

hmmm... mit PHP kenne ich da keine direkte Methode...

Allerdings kannst du durch gutes Programmieren erreichen, dass dein Text ziemlich schnell geladen wird, auch wenn die Bilder noch fehlen.

Bei mir gehts besonders gut, wenn ich meine Layouts mit <div> umsetze anstatt Tabellen.

Außerdem solltest du immer die Größenattribute und den Alt-Text bei den Bildern angeben. Dann wird auch schon der Rest drum herum (also Text) problemlos geladen, auch wenn das Bild noch nciht so weit ist...

ich hoffe, ich konnte helfen!

-Flori-

 

[flashas]

mit ajax nachladen, oder alte methode iframes
seite davor schalten und "wichtige" bilder preloaden würde ich nicht machen.

 

[resoucer]

ja nur leider ist schon fast alles fertig.

habe es mit

<img src="images/noimage.gif" width="100" id="Bild" height="100" border="0">

<script language="JavaScript" type="text/javascript"><!--
 setInterval("document.getElementById(\"Bild\").src = document.getElementById(\"Bild\").src;",3000);
//--></script>

oder

<img src="images/noimage.gif" width="100" id="Bild" height="100" border="0">

<script language="JavaScript" type="text/javascript"><!--
 setInterval("with ( document.getElementById(\"Bild\") ) {src = '.$pic.';}",3000);
//--></script>

versucht, was auch in etwa funzen sollte, geht aber nicht richtig

 

[resoucer]

ah super habe es mit den code hin bekommen

<script language="JavaScript">
var aktiv = window.setInterval("document.getElementById('Bild').src = 'https://www.xyz.de/pic.jpg'",300000);
</script>

 

[Talion]

War setInterval beabsichtigt, oder willst du eigentlich nur nen setTimeout?

 

[veers]

hm... du kannst die bilder mit css als background von nem div definieren

 

[resoucer]

War setInterval beabsichtigt, oder willst du eigentlich nur nen setTimeout?

ja erst kommt jetzt nen "Loading Pic...." Bild und dann kommt das richtige Bild

 

[Talion]

Aber warum dann Intervall? Du willst doch nicht alle x Sekunden das Bild neu setzen, sondern einfach erst das Preload und dann (endgültig) das richtige.

 

[Dreamworker]

hehe, so eine tolle frage hab ich ja noch nie gelesen! weil der server so lahm ist! hmm, da frag ich mich doch .. wo hostet die andere person? wenns nicht direkt um einen riesendownloadserver oder so handelt müsste doch alles ganz flott gehen.

und soooo lahm kann das teil doch nicht so sein das man es so umständlich haben will wie du oder?

würde ich gerne mal sehen die seite. danke

 

[DocTrax]

Wird nicht immer erst der Text (wo auch die Links zu den Bildern dabei sind) geladen und dann erst aus dem Text die Links zu den Bildern genommen und die dann geladen.

 

[anddie]

Und was machst du jetzt, wenn mal wer Javascript deaktiviert hat?
Die nächste Frage ist auch, wieso liegen die Bilder net auf deinem eigenen Space?
Und wie schon gesagt, wenn du die Bilder richtig mit Größenangaben einbindest, macht der Browser einen Platzhalter hin und lädt schonmal den Text und die Bilder später.

anddie

 

[Talion]

Naja, es gibt schon Gründe, Bilder von fremden Space einzubilden, der dann oftmals auch langsam wird, z.b. bei Toplisten, die über die Bilder die Hits zählen wollen und sowas. Allerdings denke ich auch, dass sowieso erst der Text und dann die Bilder geladen werden, schlimmer ist das bei eingebundenen Fremd-Javascripts.

 

[resoucer]

Aber warum dann Intervall? Du willst doch nicht alle x Sekunden das Bild neu setzen, sondern einfach erst das Preload und dann (endgültig) das richtige.

mist hast recht, muss ich nochmal gucken wie ich das mach das nen timeout kommt und kein intervall gesetzt wird

und zu den anderen:
Ich weis nicht wo dei gehostet sind die anderen projekte, aber wenn ich den code nicht einbau dauert der seitenaufbau bis zu 12 sekunden, mache ich den rein dauert er nur 0.12 sek