JQuery новый слайдер загрузка изображений

Question

Я создаю слайдер изображений jquery и хочу его улучшить, моя проблема в том, что: 1. слайд-шоу начинается до того, как изображения загружены, есть ли какие-либо советы для этого и для улучшения этого слайдера? Ссылка

Answer 1

Я знаю 2 плагина, которые могут помочь:

1) ahpi.imgload.js заменяет событие jQuery .load () на специальное событие, которое будет запускаться независимо от того, кэшируется ли изображение.

2) imagesloaded"Плагин jQuery, который запускает обратный вызов после загрузки всех выбранных / дочерних изображений. Поскольку вы не можете выполнять .load () для кэшированных изображений."

Answer 2

Один вариант заключается в том, что вы можете предварительно загрузить изображения с помощью объекта JS Image.

function preloader(imageUrl)  { 
   heavyImage = new Image();  
   heavyImage.src = imageUrl;
}

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