Плагин OwlCorusel

Тема в разделе "Обо всём", создана пользователем Muhin, 2 янв 2017.

  1. Muhin

    Muhin Пользователь

    Сообщения:
    83
    Симпатии:
    3
    Помогите настроить плагин. не смог разобраться в слайдере...
    каркас
    Код:
    <div id="menu" class="owl-carousel">
            <a href="#page1" data-menuanchor="page1" class=" active"><img class="img-responsive img-logon" src="files/imgs/logon.png"></a>
            <a href="#page2" data-menuanchor="page2">Store</a>
            <a href="#page3" data-menuanchor="page3">Food</a>
            <a href="#page4" data-menuanchor="page4">Flower</a>
            <a href="#page5" data-menuanchor="page5">Design</a>
            <a href="#page6" data-menuanchor="page6">Desk</a>
            <a href="#page7" data-menuanchor="page7">Sale</a>
            <a href="#page8" data-menuanchor="page8">Auto</a>
            <a href="#page9" data-menuanchor="page9">WWW</a>
            <a href="#page10" data-menuanchor="page10">Contact me</a>
        </div>
    
    И ниже
    Код:
    <script type="text/javascript">
                   $(document).ready(function() {
                      $("#menu").owlCarousel({
                          itemsCustom : [[0,3],[470,5],[760,5],[980,5],[1100,6]],                                
                          navigation : true,
                          navigationText: ['<i class="fa fa-angle-left"></i>', '<i class="fa fa-angle-right"></i>'],
                          scrollPerPage : true,
                          pagination: false,
                   stopOnHover: true,
                   autoPlay:3000
                       });
                      });
                </script>
    
    Как то не работает и ошибка в консуле... где я ошибся?
     
  2. Ален

    Ален Эксперт

    Сообщения:
    2.056
    Симпатии:
    640
    ошиблись в том что не посмотрели наверно примеры на сайте данного скрипта. Ведь не достаточно просто прописать класс или id, а нужно еще и обернуть в дивы.