Описание тега swiper.js
Swiper — это бесплатный сенсорный слайдер для мобильных устройств с аппаратным ускорением переходов и собственным поведением. Он предназначен для использования на мобильных веб-сайтах, мобильных веб-приложениях и мобильных нативных/гибридных приложениях.
0
ответов
Как переместить слайд swiper.js на следующий слайд щелчком мыши?
У меня есть этот stackblitz, который открывает информационное окно карт Google. Как я могу перейти к следующему слайду, щелкнув мышью по слайду?
23 июл '20 в 07:47
2
ответа
Пользовательская маркер разбивки на страницы Swiper.js не щелкает, чтобы перейти к следующему слайду
Я не могу заставить пользовательские пули скользить при нажатии из swiper.js. Вот мой стекблиц Я добавил свойство конфигурации 'clickable: true' Вот мой код swiper private pagination: SwiperPaginationInterface = { el: '.swiper-pagination', type: 'bu…
28 июл '20 в 22:27
1
ответ
Вертикальные слайды Swiper.js не работают с использованием ngx-swiper-wrapper
У меня есть два примера stackblitz, первый с горизонтальными слайдами, а затем я меняю их на вертикальные слайды. Когда я делаю это изменение, высота увеличивается до чего-то очень большого. Любая помощь в понимании этого? Вот ссылка на stackblitz, …
30 июл '20 в 01:31
0
ответов
Ошибка SwiperJS Thumbs
Создал свайп большими пальцами. Когда я нажимаю на большие пальцы, то с непонятной логикой прокручивается вправо. Не могу понять, с чем это может быть связано, второй день пытаюсь решить эту проблему, ничего не выходит. Можно ли как-то отключить эту…
12 авг '20 в 12:13
0
ответов
Целевой n-й ребенок (даже) изображения не работает
Я пытаюсь сделать так, чтобы каждый второй слайд swiper js имел другую высоту. Однако, когда я пытаюсь сделать следующее, ничего не происходит. Пробовал несколько других селекторов, но не работает. .swiper-home-image:nth-child(even) > img { heigh…
31 авг '20 в 16:40
0
ответов
Как настроить таргетинг на пользовательский тип сообщения на слайдере сообщений с помощью Elementor и Swiper.js
Я пытаюсь создать слайдер сообщений, который показывает по одному сообщению за раз, используя Swiper JS. Я использую Elementor Pro с пользовательским интерфейсом Custom Post Type, расширенными настраиваемыми полями и плагинами Ele Custom Skin. С Ele…
17 авг '20 в 02:00
0
ответов
Как сделать так, чтобы слайдер отображался в меню мобильного устройства?
Я использую swiper.js для настройки ползунка, когда я расширяю мобильное меню, ползунок отображается в верхней части моего меню, а не под моим меню. Я попытался увеличить z-index мобильного меню, и это ничего не изменило. Другие элементы внутри div …
14 авг '20 в 01:43
5
ответов
Swiper JS - показать часть следующего слайда
Я хочу показать часть второго слайда. Примерно 20-30%. Я установил для slidesPerView значение 2.1 (на мобильных устройствах!), Чтобы показать часть следующего слайда. Однако при прокрутке слайдов он не привязывается к началу контейнера, в результате…
19 авг '20 в 14:21
0
ответов
FullPage.js и вертикальный слайдер
Я использую fullpage.js и вертикальный слайдер swiper И я пытаюсь добиться такого поведения, как когда я нахожусь на странице, я предотвращаю прокрутку плагина fullpage, а когда я прокручиваю - прокрутка слайдов, когда он достигает конца слайдов, я …
24 авг '20 в 22:01
0
ответов
Ошибка Swiper: неожиданный токен <в JSON в позиции 0
Есть ли что-то конкретное в Swiper (swiperjs.com), которое может вызвать эту ошибку? Ошибка Swiper: DevTools не удалось загрузить SourceMap: не удалось проанализировать контент. Неожиданный токен <в JSON в позиции 0. Что-нибудь, что можно настроить?…
12 сен '20 в 15:57
0
ответов
Как сделать пагинацию таймера с помощью ползунка Swiper
Теперь я пытаюсь сделать слайд свайпером с разбивкой на страницы по таймеру. Я получил разбиение на страницы по таймеру. Теперь скорость разбиения на страницы моего таймера не такая, как продолжительность слайдера. а также не работает в событии щелч…
18 сен '20 в 07:18
0
ответов
Слайды Swiper не меняются
Я выполнил инструкции здесь и вижу первое изображение и стрелки с обеих сторон, но изображение никогда не меняется. До того, как я начал играть с ползунками, изображения отображались наложенными друг на друга.
16 окт '20 в 20:30
0
ответов
Первая карточка шаблона SwiperJS имеет смещение из-за свойства translate3d
Недавно я пытался импортировать ручку из кода HTML: <div class="wrapper"> <section class="module-team"> <div class="team"> <h2 class="title">Meet our Team</h2> <div class="team-cards"> <!-- Slider main containe…
22 окт '20 в 22:51
1
ответ
Добавление нескольких классов для Swiper Pagination Bullet
Я пытаюсь добавить новый element class к каждому пункту пагинации, и я хочу сохранить стиль по умолчанию swiper. Так что я сделал pagination={ clickable: true, bulletClass: `swiper-pagination-bullet ${style['feature-pagination']}`, } Я смог получить…
27 окт '20 в 07:27
0
ответов
Попытка сохранить вертикальный ползунок на всю ширину до последнего слайда
Я хочу, чтобы ползунок Swiper занимал весь размер экрана, пока пользователь не дойдет до конца. Проблема в том, что, когда пользователь перемещает курсор под нижнюю половину экрана, действие колесика мыши вызывает появление содержимого под ползунком…
11 ноя '20 в 21:32
2
ответа
Как изменить центрированный слайд, щелкнув нужный слайд в swiper.js?
Я использую свайпер в режиме centerSlides, и параметр цикла верен. Я хочу, чтобы, когда я нажимаю на слайд, этот слайд устанавливается как центральный слайд в карусели Swiper. Swiper предоставил мне указатель слайдов, но как его использовать для изм…
17 ноя '20 в 10:25
0
ответов
Swiper.js увеличить центр изображения или положение мыши
Я использую Swiper.js с возможностью увеличения изображений. Однако, когда я дважды щелкаю для увеличения, он всегда приближается к нижней части изображения, независимо от того, где я щелкаю. Я не вижу никаких параметров в api, которые определяют, к…
18 сен '20 в 16:26
0
ответов
Я не могу импортировать Swiper
Я новичок в jQuery и хочу импортировать Swiper, но он не работает, в чем проблема? Я копирую и вставляю из основного источника, но не знаю, в чем проблема. я получаю следующую ошибку: "Uncaught SyntaxError: объявления импорта могут появляться только…
02 дек '20 в 21:09
0
ответов
Swiper.js Можете ли вы добавить текст к эффекту куба в React.js
В React.js есть ли способ добавить текст поверх изображений к эффекту куба Swiper.js? Пытался, но пока ничего не работает. Вот мой код: import React, { useState, useEffect } from "react"; import img1 from "./Assets/pics/shopNow/01.jpe…
05 дек '20 в 23:59
0
ответов
index.js:1 Uncaught ReferenceError: Swiper не определен
Я не совсем знаком с использованием импорта / экспорта, но пытаюсь изучить его. Теперь я столкнулся с проблемой. У меня есть два JS файла: core.js и index.js. Ядро используется на каждой странице, индекс на домашней странице. Когда я импортирую swip…
29 сен '20 в 21:37