Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 02.04.2020, 11:58
Интересующийся
Отправить личное сообщение для ishurgaya Посмотреть профиль Найти все сообщения от ishurgaya
 
Регистрация: 12.08.2015
Сообщений: 29

Ленивая загрузка owl-carousel срабатывает только при прокрутке страницы
Добрый день!

На сайте добавлена карусель из 6 одновременно отображаемых элементов.

Карусель в верхней части страницы и отображается на первом экране при загрузке страницы.

Так как lazyload картинок срабатывает, только прокрутке страницы, то посетитель сайта часто видит просто пустую карусель.

Пытаюсь сделать чтобы картинки подгрузились без действий пользователя , сразу после загрузки страницы.

Почитал документацию , вроде можно делать предзагрузку lazyload, если добавить параметр lazyLoadEager: 5

я понимаю , что можно ссылку на картинку сразу передать в аттрибут src у тега img, но хочется все таки грузить картинки асинхронно основному потоку загрузки.

Получается так , но предзагрузка не происходит:

$("#news-carousel").owlCarousel({
        lazyLoad:true,
        lazyLoadEager: 6,
        autoplay: true,
        autoplayTimeout: 5000,
        autoplayHoverPause: true,
        loop: true,
        navRewind: false,
        responsiveClass: true,
        dots: false,
        responsive: {
            0: {
                items: 1,
                nav: true,
                autoHeight: true,
            },
            480: {
                items: 2,
                nav: true,
            },
            740: {
                items: 4,
                nav: true,
            }, 
            960: {
                items: 5,
                nav: true,
            },
            1200: {
                items: 6,
                nav: true,
            }
        },
        transitionStyle: "fade",
        navText: ["<div class='notyfer'></div><div class='glyphicon glyphicon-chevron-left'></div>", "<div class='notyfer'></div><div class='glyphicon glyphicon-chevron-right'></div>"]
    });


Подскажите что делаю не так?

Последний раз редактировалось ishurgaya, 02.04.2020 в 12:02.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Эффект при прокрутке страницы deNSe_01 Events/DOM/Window 2 19.08.2011 22:53
выборка в php при прокрутке страницы вниз Tchort Events/DOM/Window 4 11.08.2011 17:38
Появляющаяся/исчезающая кнопка при прокрутке страницы MailRes Элементы интерфейса 2 22.06.2011 11:49
Загрузка элемента при фокусе и не только login18 Events/DOM/Window 5 10.12.2010 18:40
Почему скрипт срабатывает только после обновления страницы? Randomizer jQuery 2 01.09.2010 19:01