Как настроить owl карусель?


AlexDev
 Поделиться

Рекомендуемые сообщения

1) чтобы вместо пролистывания плавно появлялось

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

 

Скрытый текст

    $.fn.owlCarousel.options = {

        items : 5,
        itemsCustom : false,
        itemsDesktop : [1199, 4],
        itemsDesktopSmall : [979, 3],
        itemsTablet : [768, 2],
        itemsTabletSmall : false,
        itemsMobile : [479, 1],
        singleItem : false,
        itemsScaleUp : false,
        slideSpeed : 200,
        paginationSpeed : 800,
        rewindSpeed : 5500,
        autoPlay : false,
        stopOnHover : true,
        navigation : false,
        navigationText : ["prev", "next"],
        rewindNav : true,
        scrollPerPage : false,
        pagination : true,
        paginationNumbers : false,
		animateOut: 'fadeOut',
        responsive : true,
        responsiveRefreshRate : 200,
        responsiveBaseWidth : window,

        baseClass : "owl-carousel",
        theme : "owl-theme",

        lazyLoad : false,
        lazyFollow : true,
        lazyEffect : "fadeOut",

        autoHeight : false,

        jsonPath : false,
        jsonSuccess : false,

        dragBeforeAnimFinish : true,
        mouseDrag : true,
        touchDrag : true,

        addClassActive : false,
        transitionStyle : false,

        beforeUpdate : false,
        afterUpdate : false,
        beforeInit : false,
        afterInit : false,
        beforeMove : false,
        afterMove : false,
        afterAction : false,
        startDragging : false,
        afterLazyLoad: false

 

Как я понял , чтобы фейдаут работал, нужно включить файл стилей

 transitionStyle : true,

где прописаны свойства, но тогда переключается на 1 слайд , без эффекта, и зависает все

Ссылка на комментарий
Поделиться на других сайтах

Нашел ответ на англоязычном форуме опенкарта, оказалось проблема в нем.

Продублирую ответ:

В контролллере слайдера (catalog/controller/extension/module)

нужно дописать  следующее

$this->document->addStyle('catalog/view/javascript/jquery/owl-carousel/owl.transitions.css');

А как его замедлить? уже все цифры менял, быстро листает? около 3х сек

Ссылка на комментарий
Поделиться на других сайтах

  • 5 месяцев спустя...
В 09.08.2017 at 19:46, AlexDev сказал:

Нашел ответ на англоязычном форуме опенкарта, оказалось проблема в нем.

Продублирую ответ:

В контролллере слайдера (catalog/controller/extension/module)

нужно дописать  следующее


$this->document->addStyle('catalog/view/javascript/jquery/owl-carousel/owl.transitions.css');

А как его замедлить? уже все цифры менял, быстро листает? около 3х сек

autoPlay: 6000, slideshow.tpl

Ссылка на комментарий
Поделиться на других сайтах

Присоединяйтесь к обсуждению

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

Гость
Ответить в тему...

×   Вы вставили отформатированное содержимое.   Удалить форматирование

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Показать вместо этого как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Нельзя вставлять изображения напрямую. Загрузите или вставьте изображения по URL.

 Поделиться

  • Сейчас на странице   0 пользователей

    • Нет пользователей, просматривающих эту страницу