Bilder nachladen

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Bilder nachladen

    Hallo,

    zu aller Erst ich bin schon ein erfahrener Programmierer allerdings habe ich noch keine Ahnung von Ajax Wink.
    Hier meine Frage:

    Ich habe eine Art [coderwiki]Informationen/Slideshow[/coderwiki] und möchte die Bilder nacheinander aber nicht alle auf einmal vom [coderwiki]Informationen/Server[/coderwiki] laden und anzeigen.
    Beispiel:

    3000 Bilder sollen im Endeffekt angezeigt werden aber es wird nur 1 Bild auf einmal angezeigt. Per Javascript müsste man die 3000 Bilder zuerst runterladen und dann würden sie angezeigt ich möchte aber das jeweils immer nur 1 Bild heruntergeladen wird.

    Weiß jemand einen Vorschlag?

    Gruß,

    crain

  • hm, mit javascript müsstest du zumindest die 3000 urls laden...
    die bilder glücklicherweise nicht

    wenn das zu viel, dann halt ajax
    mit ajax löst du das so...

    javaScript:
    - erstelle eine funktion, die sich alle x Sekunden selbst aufruft
    - in der funktion benutzt du noch einen zähler, der sich jedesmal um 1 inkrementiert
    - diesen zähler übergibst du in der url ('func.php?s='+ digit)

    Php-Datei:
    - id aus der url lesen und in einer datenbank abfragen
    - die URL zurückgeben

    und der normale AJAX Kram...
    nimm dir AJAX Tutorial als Vorlage

    in der handleResponse brauchst du dann diese abfrage nicht mehr

    Quellcode

    1. var update = new Array();
    2. var response = ;
    3. if(response.indexOf('||' != -1)) {
    4. update = response.split('||');
    5. document.getElementById(update[0]).innerHTML = update[1];
    6. }


    und setzt stattdessen den bilderpfad gleich dem rückgabetext

    Quellcode

    1. document.getElementById("bildid").src = req.responseText;


    in deiner hauptdatei brauchst du dann nur ein bild mit der "bildid"

    Quellcode

    1. <img src="default.gif" alt="" id="bildid" />

  • mein ansatz mit javascript wäre:

    - eine funktion, die sich selbst nach x sekunden aufruft
    - bei aufruf wird das "src" attribut von <img> geändert.

    Dann müssen die Bilder nicht vorgeladen werden. AUf der anderen Seite kann es dann zu ungeahnten Verzögerungen kommen: Ein Bild braucht so lange zum Laden, dass es innerhalb seiner Phase gar nicht angezeigt wird.