Jump to content
  • 0

Не появляются стрелки Owl carousel


WhatIsHTML
 Share

Question

Очень простой, базовый пример, взятый с официального сайта, не работает.

1. Почему не появляется навигация prev/next ? Написал же nav:true

2. Почему не появляются индикаторы слайдера? Написано же dots:true

http://jsfiddle.net/s10bgckL/320/

Пример взял отсюда.

http://www.owlcarousel.owlgraphic.com/demos/stagepadding.html

 

Помогите, пожалуйста.

На каком-то русскоязычном сайте информация оказалась более актуальной, чем на официальном. Оказывается, правильно писать так :

navigation:true,
pagination:true,

Читайте документации и не ходите по другим сайтам...

  • Like 1
Link to comment
Share on other sites

4 answers to this question

Recommended Posts

  • 0

Не уверен точно, но похоже причина в разных версиях. В более старой правильно писать

navigation:true,
pagination:true,

а сокращенный вариант наверное работает только в новой версии (2+)

Link to comment
Share on other sites

  • 0

Вчера понадобился этот слайдер. зашел на сайт, там новая бета версия, скачал. те ж проблемы. Разбираться некогда было - взял старую, там без проблем. Интересно, что страница старой версии недоступна

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  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.

 Share

  • Similar Content

    • By Rebel
      Привет от полного новичка в верстке. 
      Делаю сайт и возникла небольшая проблема. В навигации html воспринимает код как обычный текст.
      Уже много чего перепробовал, но проблема осталась. (Css еще не подключал, а сайт на стадии каркаса) 
      <nav> <а href="index.html">1</а> <а href="shop.html">2</а> <а href="text.html">3</а> <а href="news.html">4</а> </nav>  
    • By olegN
      Подскажите пожалуйста. Проблема в том что в owl-carousel 2 не работают табы. Задача состоится в том что нужно сверстать слайдер, в слайдере сверстать  табы. табы сами по себе рабочие, если вынести разметку(табов) за пределы слайдера то все работает, но если в слайдере табы перестают работать ? мб сталкивался кто то с такой проблемой ?
    • By Igor_Dp
      Всем доброго дня! Подскажите, будьте добры, как правильно реализовать д выпадающее меню такого образца (https://artmobile.ua/shop/category-1/category991 смотрим раздел "Каталог"). То бишь, нажимаем на пункт меню и открывается меню с подпунктами. Нажимаем еще раз - подпункты пропадают. У меня получилось сделать не при клике, а только при наведении. Соответственно, если курсор убрать - подпункты снова скроются. Вот кусок кода (https://jsfiddle.net/eoL5bLmg/). Прошу помочь, даже если это банально и просто. Я с этим застрял...
    • By LUC
      Добрый день. Всегда верстал меню так: 
       
      <nav> <a href="#">Пункт меню 1</a> <a href="#">Пункт меню 2</a> <a href="#">Пункт меню 3</a> </nav> Потом полазил по разным сайтам и заметил, что почти все делают такую структуру:
      <nav> <ul> <li><a href="#">Пункт меню 1</a></li> <li><a href="#">Пункт меню 2</a></li> <li><a href="#">Пункт меню 3</a></li> </ul> </nav>
      Даже здесь, на вашем форуме, меню оформлено в маркированном списке. Почему? Зачем писать больше лишнего кода? Тег <nav> уже подразумевает, что в нём содержится меню, зачем нужен <ul>?
    • By Guard
      Привет.
       
      Есть горизонтальное меню.
      Как после каждого пункта меню вывести точки, как тут:
       

       
      Если кому нужна картинка точек.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy