Сначала загружает слайдер карусели, но изображения требуют времени для загрузки

Question

Я использую слайдер карусели на своем веб-сайте, используя бутстрап.

Проблема:

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

Что я хочу:

Я хочу, что если ползунок нагрузки, то изображения должны быть нагрузки в то же время, в противном случае, если изображения, принимая время для загрузки, то ползунок должен быть нагрузка, когда изображения готовы загрузить на веб-странице ,

Просьба предложить мне, что я должен делать.

Answer 1

Если ползунок содержит более 10 изображений, и если изображения большого размера, а затем выполните следующие действия,

1. Нанести SRC только первые 3 изображения ползунка. Для изображений отдыха примените URL-адрес изображения к новому атрибуту «delayedsrc». Атрибут delayedsrc содержит URL-адрес вашего изображения. Также примените класс 'debfered_loading' к этим изображениям.

затем добавить этот JS-код,

$('.defered_loading').each(function() { 
       $(this).attr('src', $(this).attr('delayedsrc')); 
      }).promise().done(function() { 
       // intialize your slider here 
      });