Sensorische Trägheit "Preload Bild

Preload Bild

Kommentare 11 Dameris / Los_Angeles November 2005 unter Javascript .
Tags:

Preloading Bilder in JavaScript Exchange-Hilfe mit Bild, zum Beispiel in dem Click-Ereignis oder eine Passage der Maus (onmouseover und onmousedown), denn der Besucher muss nicht warten, bis das Bild zu laden nur, wenn der Browser Auslösen des Ereignisses.

Preloading wird mit dem folgenden Code (done erinnern, um es im Inneren <script> und Put / oder <head>:

PLAIN TEXT

JAVASCRIPT:

Image ( ) ; var image = new Image ();
; Bild. src = "Pfad / arquivo.gif";

Der Code beginnt ein neues Objekt vom Typ Image und legt die SCR-Attribut mit dem Pfad des Bildes. Für die klüger das Publikum, ja, das ist das gleiche wie:

PLAIN TEXT

HTML:

/ > <Img src = "Pfad / arquivo.gif" />

Für jedes Bild auf vorgespannt werden, sollten Sie beginnen, ein Objekt und geben Sie die src, zwei, drei, vier Mal und so weiter.

Für die Bequemlichkeit ist es wert, in einem Array alle Bilder, die Sie laden möchten und geben ihr einfach eine Krawatte.

PLAIN TEXT

JAVASCRIPT:

/ / Liste der Namen und den Pfad der Bilddateien. Sie können Sie so viele wie wollen
, 'arquivo2.gif' , 'arquivo3.gif' ) ; imagem_lista = array ('arquivo.gif', 'arquivo2.gif', 'arquivo3.gif');
imagem_qtd = imagem_lista. Länge;
i = 0 ; i <imagem_qtd; i++ ) { für (i = 0; i <imagem_qtd; i + +) (
Image ( ) ; var preload = new Image ();
i ] ; Vorspannung. imagem_lista src = [i];
)

Und fertig Alle Bilder imagem_lista Matrix wird obige Skript geladen werden, die vom Browser beim Ausführen des.

Fagner
VLW

lidiapu7
Wie platziere ich eine Meldung, dass die Bilder geladen sind?

Anderson
Große, genau was ich brauchte;)
Vlws!

Anderson
Ich habe ein paar Hintergrund-Bilder css, dient auch dieses Skript?

inert
Hallo Anderson! Ja, funktioniert das Skript. Der Browser wird bereits "erwischt" das Bild, nicht dass Sie es so aufzuladen. Stellen Sie sicher, dass die Bilder werden mit der richtigen Parameter Cache (ETAG und diente / oder Last-Modified), und sie werden im Vorfeld des zweiten Antrag (für den Hintergrund css gesenkt werden).

Gustavo
Ich habe ein Zweifel: Was, wenn der Besucher der Website den Browser nicht auf Skripte ermöglichen. die Bilder werden nicht geladen oder wird der Default-Modus zu laden?

inert
Hallo Gustavo,

Wenn Sie /> <img src mit normaler, ja, wird der Browser das gleiche Bild, die Pre-load es über ein Skript ist fehlgeschlagen angezeigt.

Gustavo
OK, ich verstehe. Dank

Lucas
Hallo, Ihr Skript sehr gut.
Ich frage mich, ob es möglich ist, passen Sie es Videos zu laden. Was sind die notwendigen Veränderungen?

träge
Hallo Luke, ich bin nicht sicher, ob es einen richtigen Weg, um Videos zu laden. Das Konzept der pre-loading Bestellung umfasst den Inhalt, bevor es verwendet wird, und wie die Bilder hier, ich vorstellen, das wäre genug, um den Videoanruf zu tätigen, aber nicht vergessen, dass, wenn er in einer swf flv angezeigt wird, ist swf, dass Sie Vorspannung.

Lucas
Inert Hallo! Vielen Dank für die Beantwortung.
Ich brauche nur zu Pre-Load DVIX Videos in dem Format HTML.
sondern sind über 10 Videos. als Playlist. und das ist, was ich brauchte:
als die ersten Videos sind bereits beobachtet werden Vorspannung der zweiten tercveiro. etc..
Wenn Sie wissen, wie ich zu schätzen.

Danke.
Hug.

inert
Während dies möglich ist, ist nicht das Ziel des Codes dieser Seite. Hier bin ich Herunterladen von Bildern * vor * dem Rest der Seite. Es gibt auch zu einem späteren Zeitpunkt zu laden, aber der Trick wäre eine andere.

John Carlos Rossetto
Lassen Sie mich verstehen:

Wenn die Bilder nicht brauchte, um sofort angezeigt werden, könnte ich ein Formular ausfüllen, während Bilder nicht zu stören, ohne dass die Vollendung der Form heruntergeladen werden?

inert
Einfach den Code innerhalb des Tags, öffnen und schließen Sie Javascript in Header-Typ:

<html>
<head>
<title> Beispiel </ title>
<script type="text/javascript">
/ / Der Code
</ Script>
</ Head>
<body>
</ Body>
</ Html>

Es ist einfach die Seite durch das Ausführen des Codes geöffnet, werden die Bilder geladen.