Показать сообщение отдельно
  #8 (permalink)  
Старый 13.08.2018, 19:43
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,070

bxslider and owl
oleg13321,
Сообщение от рони
3. при открытии вкладки, делать перерасчёт (или тригер слайдера, обычно reload смотреть документацию
строка 60
<!-- Scripts -->
<script src="http://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.min.js"></script>
<script src="libs/owl/owl.carousel.min.js"></script>
<script>
    $(function() {
        var owl = $(".topslider");
        owl.owlCarousel({
            items: 1,
            loop: true,
            margin: 0,
            dots: false,
            autoplay: true,
            autoplayTimeout: 5E3,
            autoplayHoverPause: true
        });
        $(".play").on("click", function() {
            owl.trigger("play.owl.autoplay", [5E3])
        });
        $(".stop").on("click", function() {
            owl.trigger("stop.owl.autoplay")
        });
        var owl = $(".wrap_practice");
        owl.owlCarousel({
            margin: 60,
            dots: false,
            responsive: {
                0: {
                    items: 1
                },
                500: {
                    items: 2
                },
                1E3: {
                    items: 4
                }
            }
        });
        var owl = $(".wrap_news");
        owl.owlCarousel({
            items: 1,
            loop: true,
            margin: 0,
            dots: false,
            autoplay: true,
            autoplayTimeout: 5E3,
            autoplayHoverPause: true
        });
        var owl = $(".wrap_partner");
        owl.owlCarousel({
            items: 3,
            loop: true,
            margin: 100,
            dots: false,
            autoplay: true,
            autoplayTimeout: 1E3,
            autoplayHoverPause: true
        });
        $("#homeSlider").bxSlider({
            onSlideAfter: function($slideElement) {
                $slideElement.find(".owl-carousel").trigger("refresh.owl.carousel")
            },
            slideMargin: 60,
            pager: false,
            nextText: "&rarr;",
            prevText: "&larr;",
            useCSS: false,
            tickerHover: true,
            adaptiveHeight: true,
            touchEnabled: false
        })
    });
</script>

Последний раз редактировалось рони, 13.08.2018 в 19:46.
Ответить с цитированием