owl-carousel - Как скользить по 3-му слайду, используя каждую следующую точку - .owl-dot: Active - PullRequest
1 голос
/ 02 июня 2019

Я хочу скользить на 3, поэтому я использовал слайдби: 3, но он скользит только в автоматическом режиме. Когда я нажимаю последовательно одну за другой каждую точку (сова-точка), она скользит на 1 слайд вместо 3. Итак, какое свойство я могу добавить в jquery или в моем style.css, чтобы как в автоигре, так и в ручном режиме нажимать на слайд точки с одинаковым количеством слайдов (3 слайда).

Вот мой: jquery

Doller sign used ('.owl-carousel').owlCarousel({

items:4,
margin:40,
loop:true,

nav:true,`enter code here`
navSpeed:200,

dots:true,
dotsEach:true,

autoplay:true,
autoplaySpeed: 200,

slideBy:3,
})

Я смотрю шаг за шагом, что-то вроде:

.owl-dot:Active {
slideBy:3;
}

Я знаю, что приведенный выше код не сработает, но просто для того, чтобы четко выразить свой вопрос, я даю идею, есть ли какое-либо свойство, которое я могу написать либо в jquery, либо в style.css. или (может быть, щелкнуть каждый может работать для моей ситуации, но мне сложно понять и связать этот код, я новичок в jquery) Это очень сложно и совсем не в состоянии понять:

Doller sign used ('.own-carousel .dot').hover(function() {
        $(this).click();
        }, function() {});

Примечание: вот какой код я могу написать для выполнения slideBy: 3 действия по нажатию на точку

Еще одна вещь, на которую я смотрю, это количество точек под слайдами. например, у меня есть 7 слайдов, и я шагаю по 2 слайдам, чтобы попасть на 3-й слайд, но я хочу 6 точек, поэтому даже после 2-й точки все слайды были прокручены (так как одновременно отображается «items: 4» / slide / one) цикл) еще с 3-й точки начинается скорее как константа цикла (продолжайте движение в одном направлении) (сначала все наоборот, а затем начало)

Я не могу найти в Интернете и документах о карусели, поэтому я публикую здесь, поэтому мне нужна помощь в моем коде для достижения этой функциональности. (Я видел, что на многих веб-сайтах наблюдается одно и то же изменение точки поведения). Я также использовал функцию chrome -> inspect, чтобы выяснить, какие свойства используются другими веб-сайтами, но не в состоянии выяснить это.

Примечание: я использовал знак Доллера перед каждым jquery, так как при публикации этого запроса я не могу публиковать сообщения при использовании символа Доллера.

1 Ответ

0 голосов
/ 02 июня 2019

Похоже, вы хотите установить параметр dotsEach на 3.

...