Bezwładności sensoryczna "Wczytaj obraz

Wczytaj obraz

Komentarze 11 listopada 2005 w JavaScript.
Tagi:

Wczesneładowanie obrazy JavaScript pomóc w wymianie zdjęć, na przykład w przypadku kliknięcia lub hover (onmouseover i onmousedown), gdyż użytkownik nie musi czekać, aby przesłać obraz tylko wtedy, gdy przeglądarka spowodować wypadek.

Wstępne ładowanie odbywa się za pomocą następującego kodu (pamiętaj, aby umieścić go w <script> i / lub <head>:

Plain Text

JavaScript:

Image ( ) ; var image = new Image ();
; obrazu. src = "ścieżka / plik gif";

Kod ten rozpoczyna nowy obiekt typu Image oraz określa scr atrybutu ścieżki obrazu. W większości Wise Guys na widowni, tak, to jest to samo co:

Plain Text

HTML:

/ > <img src = "caminho/arquivo.gif" />

Do każdego zdjęcia należy wstępnie załadowane, należy uruchomić obiekt i określić src, dwa, trzy, cztery razy i tak dalej.

Dla wygody warto umieszczenie w tablicy wszystkie obrazy, które chcesz załadować i po prostu dać jej remis.

Plain Text

JavaScript:

/ / Lista ścieżkę i nazwę pliku obrazu. Możesz mieć tyle ile chcesz
, 'arquivo2.gif' , 'arquivo3.gif' ) ; imagem_lista = Array ( 'gif', 'arquivo2.gif', 'arquivo3.gif');
imagem_qtd = imagem_lista. długości;
i = 0 ; i <imagem_qtd; i++ ) { for (i = 0; i <i imagem_qtd + +) (
Image ( ) ; var preload = new Image ();
i ] ; preload. imagem_lista src = [i];
)

I gotowe Wszystkie zdjęcia tablicy imagem_lista być ładowane przez przeglądarkę po uruchomieniu powyższego skryptu.

Borg
Bardzo dobry scenariusz, dzięki!

Tiago Celestino
Bardzo potrzebuje tego. Dzięki.

André
I jak go używać? Nie było bardzo dobrze. Noob w JavaScript.

obojętny
Wystarczy umieścić kod w tagi otworzyć i zamknąć Javascript w nagłówku, wpisz:

<html>
<head>
<title> Przykład </ title>
<script type="text/javascript">
/ Code
</ Script>
</ Head>
<body>
</ Body>
</ Html>

To tylko strona otwiera się przez uruchomienie kodu, zdjęcia są fabrycznie.

João Carlos Rossetto
Pozwól mi zrozumieć:

Jeśli zdjęcia nie muszą być natychmiast wyświetlane, mógłbym być wypełnienie formularza a obrazy są pobierane bez natrafianie na przeszkody, wypełniając formularz?

obojętny
Chociaż jest to możliwe, a nie celem kod na tej stronie jest. Oto jestem ładowania zdjęć * zanim * reszty strony. Daje on także załadować później, ale trick byłby inny.

Lucas
Hello, very good skryptu.
Zastanawiam się, czy możliwe jest dostosowanie go do preload video. Jakie są niezbędne zmiany?

obojętny
Cześć Łukasz, na pewno nie, jeśli nie ma prawidłowego sposobu pre-video obciążenia. Pojęcie pre-loading obejmuje zamówienia zawartości przed użyciem, jak i zdjęcia tutaj, jak sądzę byłoby wystarczające do połączenia wideo, ale pamiętaj, że jeśli pojawi flv w swf, swf, który powinien preload.

Lucas
Obojętne Hello! Dzięki za odpowiedź.
Muszę wczytywać pliki wideo do formatu DivX w formacie html.
ale będzie około 10 filmów. jako odtwarzania. i to co potrzebne:
jako pierwsze filmy są oglądane już wcześniej trwa sekundy tercveiro. etc.
Jeśli wiesz, jak ja dziękuję.

Dziękuję.
Abraço.

Gustavo
Mam pytanie: co jeśli użytkownik przeglądarki witryna nie zezwala na skrypty. obrazy nie będą załadowane lub załadować domyślny tryb?

obojętny
Cześć Gustavo,

Jeśli używasz <img /> z prawidłową src tak, przeglądarka wyświetla ten sam obraz, że nie udało się wstępnie załadować go za pomocą skryptu.

Gustavo
OK, zrozumiałe. Dzięki

Anderson
Mam kilka css obrazy tła, również służy ten skrypt?

obojętny

Hi Anderson! Tak, ten skrypt działa. Przeglądarka będzie już "podniósł" obraz nie wymaga ładowania, tak. Upewnij się, że obrazy są podawane z właściwych parametrów pamięci podręcznej (ETAG i / lub Last-Modified) i będą obniżone przed drugim wnioskiem (do css w tle).