Preloading / Precaching Gambar pada Javascript

Preloading atau precaching gambar adalah proses mengunduh (download) gambar terlebih dahulu sebelum gambar ditampilkan ke web browser.

Pada umumnya, preloading dibutuhkan saat kita menerapkan efek rollover dan menggunakan image slice pada halaman web yang dibuat.

Keuntungan preloading pada efek rollover gambar sudah siap digunakan sehingga efek rollover lebih real time. Jika tidak menggunakan preloading, akan terjadi jeda waktu pada efek rollover yang disebabkan proses downloading gambar yang digunakan.

Sedangkan keuntungan preloading pada halaman web yang menggunakan image slices, urutan penampilan image slice dapat diatur. Tanpa preloading image slice akan ditampilkan secara acak.

Berikut potongan source code untuk melakukan preloading atau precaching image :

if (document.images) {

var gambar1 = new Image();
gambar1.src = "gambarku.gif";

var gambar2 = new Image();
gambar2.src = "sunset.jpg";

}

Potongan program di atas harus diletakkan di dalam blok <> agar dieksekusi oleh browser pada awal membuka halaman web.