COVID2019 и это вот все. Друзья, вся эта история начинает плохо пахнет. Мойте руки, не ходите в люди. Отложите все плановые покупки и положите в носок заначку. Заприте ваших родителей, бабушек-дедушек на даче. Лучше перебдеть чем недобдеть. Берегите себя!

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


AlexDev

Recommended Posts

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 months later...
В 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

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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

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

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

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

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

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