Загрузка изображений через jQuery

Если вам необходимо отдать страницу пользователю, а затем подгрузить изображения, то в данной заметке вы найдёте ответ.

Простой и быстрый способ:

function preload(arrayOfImages) {
   $(arrayOfImages).each(function(){
       $('<img/>')[0].src = this;
   });
}

preload([
   'img/imageName.jpg',
   'img/anotherOne.jpg',
   'img/blahblahblah.jpg'
]);

Или можете написать jQuery плагин:

$.fn.preload = function() {
   this.each(function(){
       $('<img/>')[0].src = this;
   });
}

$(['img1.jpg','img2.jpg','img3.jpg']).preload();

Данный урок подготовлен для вас командой сайта ruseller.com
Источник урока: http://stackoverflow.com/questions/476679/preloading-images-with-jquery
Перевел: Станислав Протасевич
Урок создан: 20 Декабря 2015
Просмотров: 11077
Правила перепечатки

5 последних уроков рубрики "jQuery"

^ Наверх ^