Публикации по теме 'swiper'
Как использовать Swiper.js в своем проекте (руководство для начинающих)
Сначала нам нужно импортировать библиотеку swiper.js в наш проект.
Есть несколько способов импорта, как описано в API
Начало работы с Swiper (swiperjs.com)
Мы будем использовать локальный импорт, загрузив самое необходимое из источника.
УНПКГ — swiper (Источник)
После того, как все установлено, мы должны импортировать их в html-файл, как показано ниже.
Теперь все настроено, пришло время создать наш первый swiper!
Сначала мы должны создать пустой файл..
Вопросы по теме 'swiper'
Отзывчивый заголовок/слайд-шоу не отвечает - возможно, это вызвано слайд-шоу
У меня есть этот заголовок со слайд-шоу.
См. скрипт: http://jsfiddle.net/PVbEK/1/
Я бы хотел, чтобы заголовок ( .swiper-container ) реагировал как по высоте, так и по ширине. Прямо сейчас высота остается неизменной при увеличении или...
409 просмотров
schedule
11.07.2023
iDangero.us swiper увядает
Я хотел использовать iDangero.us jQuery swiper plugin для длинного ряда вкладок в свободный режим. Чтобы сделать его интуитивно понятным, я решил добавить два затухания к концам (слева и, соответственно, справа) контейнера Swiper. Но я хочу...
2248 просмотров
schedule
07.09.2022
горячий, чтобы включить / выключить вызов jquery в соответствии с шириной браузера
У меня есть адаптивный веб-сайт на основе Wordpress, и я хочу вызвать Swiper в соответствии с к ширине окна браузера. поэтому я написал это:
var browserwidth = 670;
if ($(window).width() < browserwidth) {
var mySwiper =...
505 просмотров
schedule
20.04.2022
Как использовать iDangerous Swiper и jquery .click(); в то же время
Я застрял на следующем:
Я использую плагин iDangerous Swiper, который отлично работает. Тем не менее, я также хотел бы использовать функцию щелчка jQuery для того же iDangerous swiper.
Например:
<div id="swiper-container">
<div...
12755 просмотров
schedule
15.05.2023
опасный swiper, цифры в нумерации страниц
Можно ли отображать номер слайда в каждом диапазоне «swiper-pagination-switch»? (например: 1,2,3,...)?
По умолчанию плагин создает такую часть HTML:
<div class="pagination">
<span class="swiper-pagination-switch...
10092 просмотров
schedule
21.04.2023
Изменение параметра iDangerous swiper не влияет даже на reInit()
У меня есть swiper, в котором я хочу иметь возможность динамически переключать параметр progress (я использую плагин swiper-smooth-progress ).
Я инициализировал swiper следующим образом:
var mySwiper = $('.swiper-container').swiper({...
2543 просмотров
schedule
02.03.2023
высота swiper рассчитана неправильно, мобильная ориентация меняется
После загрузки страницы высота ползунка изначально правильная. При уменьшении размера окна высота считывателя пересчитывается правильно. Но при увеличении размера окна высота считывателя в большинстве случаев вычисляется неправильно, а изображения...
8394 просмотров
schedule
25.05.2023
Swiper-Slide-Active класс, когда Swiper многорядный
У меня Swiper настроен на отображение 2 строк на столбец, но когда я это делаю, класс Swiper-Slide-Active не настроен должным образом, то есть этот класс не применяется к слайдам (2), которые показаны в центре swiper .
Есть идеи, что я здесь делаю...
2157 просмотров
schedule
14.07.2023
Слайдер изображений jQuery с возможностью перехода к слайду
Я пытаюсь создать ползунок контента так же, как здесь , единственное, что что у них есть текст и изображения, а мне нужны только изображения.
В основном на первой странице он показывает эскизы, поэтому, когда вы нажимаете на любой из них, он...
1174 просмотров
schedule
17.10.2023
Swiper (проблема с высотой — несколько swiper — вертикальное направление)
Я хотел бы задать здесь вопрос, который уже задавал в форум разработчиков swiper. Так что не путайте. Если решение есть/было найдено, я закрою/отмечу оба.
На данный момент я хочу для проекта горизонтальную боковую панель с прокруткой и нижний...
1591 просмотров
schedule
08.06.2023
Swiper-slide изображение с растяжкой по высоте в мобильном телефоне
У меня есть div с фоновым изображением, которое прекрасно выглядит на рабочем столе. Но когда я переключаюсь на мобильный, изображение растягивается сверху вниз, создавая много пространства между контентом и самой каруселью, которые находятся внутри...
1254 просмотров
schedule
07.07.2023
idangerous swiper 2 - эффект затухания вручную
Я не могу обновить свой swiper до версии 3.x с параметрами эффектов из-за настроек в css и html, которые находятся на рабочих серверах моих клиентов (проект представляет собой CMS, и они могут изменять такие свойства, как маркеры, стрелки, размер,...
942 просмотров
schedule
08.11.2022
iDangero.us Swiper & React — работа с динамическими данными
У меня вопрос, связанный с реализацией iDangero.us Swiper с React. Я играл с ним какое-то время, и моя проблема в том, что фактическое скольжение не работает в ситуации, когда я работаю с динамическими данными. Позвольте мне проиллюстрировать это на...
2969 просмотров
schedule
26.05.2023
ползунок swiper, показывающий одну пулю с вкладками jquery?
<div class="panel" style="background : transparent; border: none;">
<div id="tabs-centre" style="background : transparent;margin-left:5px;border: none;">
<ul>
<li><a...
1363 просмотров
schedule
28.11.2022
freeMode не работает в мобильном браузере с помощью Swiper
Я пытаюсь использовать Swiper в мобильном гибридном приложении и заметил freeMode не отвечал, чего я и хотел. Я не мог понять, что я сделал не так, пока не попробовал одну из демонстраций на idangero. us , который использует freeMode, и я...
1258 просмотров
schedule
15.07.2022
freeMode не работает в Swiper внутри внутреннего слайда
У меня очень простая проблема: я не могу понять, делаю ли я что-то не так, или это проблема самой библиотеки. Я часами ломаю голову над этим.
Я использую Swiper от iDangerous.
Я пытаюсь создать простой горизонтальный Swiper, и внутри каждого...
1630 просмотров
schedule
24.05.2023
Как ion-slides работает на ionic 1.2.4 (или работает на 1.2.4?)
Я использовал документ http://ionicframework.com/docs/nightly/api/directive/ionSlides/ и в основном используют шаблон начального приложения. Я добавил html в шаблон и часть js в свой контроллер, но он выдал ошибку ReferenceError: fade не определено...
6894 просмотров
schedule
27.06.2022
Ionic - разбиение на страницы скрывается с помощью нового компонента ion-slides (Swiper)
Я использую компонент ion-slides (Ionic v1.2.4), который использует Swiper и я ' m возникают проблемы со скрытием нумерации страниц при использовании слишком большого количества (> 10) слайдов.
Я изменил этот JSFiddle , чтобы...
9028 просмотров
schedule
16.07.2022
Неправильная позиция webvtt при использовании CSS Translate для родителя (слайдер)
В моем проекте я использую swiper.js в качестве слайд-шоу, каждый слайд содержит либо изображение, либо видео html5 с подписями/субтитрами webvtt. При отладке мы заметили, что положение субтитров неправильное (слишком низкое, обрезает экран) в...
688 просмотров
schedule
08.07.2023
Ионный свайпер не работает
Я новичок в использовании ionic framework и столкнулся с следующей проблемой. Я добавил swiper в свой шаблон.
<ion-content class="padding">
<div ng-controller="CarouselController">
<div class="swiper-container">...
958 просмотров
schedule
14.10.2022