Описание тега flickity

Библиотека JS/CSS для создания сенсорных, отзывчивых, подвижных галерей.
2 ответа

Jquery, как заменить объект данных на max-width ( flickity)

Я новичок здесь, и это мой первый вопрос. У меня есть несколько галерей с библиотекой flickity на простой странице, когда на рабочем столе в каждой галерее есть 3 изображения на точку, скользящие каждые 3 секунды, и когда для res установлено значени…
08 авг '17 в 20:33
0 ответов

Об ошибке Flickity, кажется, вызывает на моем сайте

Итак, у меня возникла проблема, когда внезапно многие из моих вариантов не работают. После выбора нужного варианта кнопка не меняется на "Добавить в корзину", а изображение образца не меняется, что делает невозможным его получение. Это не для всех п…
27 окт '17 в 21:56
1 ответ

Событие Flickity complete при инициализации с помощью HTML

Могу ли я прослушать событие, когда Flickity завершил инициализацию? При инициализации с помощью JavaScript я могу инициировать событие самостоятельно, но с помощью этой настройки я понятия не имею. Инициализировать с помощью HTML http://flickity.me…
26 июл '16 в 16:04
1 ответ

Flickity: вызвать "точечный" щелчок с другого элемента через jQuery

Я пытаюсь вызвать щелчок на одной из точек навигации из другого элемента DOM, но я не могу сделать это в следующем порядке: $('li.dot')[0].click(); Любая помощь приветствуется.
16 фев '17 в 14:26
0 ответов

Угловой 5, скользящий слайдер

Я использую бегунок flickity всякий раз, когда добавляю цикл в li, слайдер не работает в angular5 <div class="slider slider--ken-burns" data-arrows="true" > <ul class="slides" > <li *ngFor="let data of img"> <img alt="Image" src…
23 июн '18 в 10:09
2 ответа

В Flickity, как я могу использовать клавиши со стрелками без щелчка левой кнопкой мыши или вкладки?

это Фликити Я не могу четко выразить свое мнение по-английски, поэтому, если возможно, помогите отредактировать мой вопрос. Это моя веб страница https://codepen.io/haozun/pen/ywNjvQ Когда я открываю эту страницу, я не могу использовать кнопку со ст…
27 фев '19 в 16:59
2 ответа

Компоненты Angular 2 не отображаются правильно при использовании с розеткой маршрутизатора

Я занимаюсь разработкой простого сайта Angular 2, использующего Angular 2 Lazy Routing. Я использую ползунок flickity для реализации ползунка на домашней странице, проблема заключается в следующем: когда я объявляю компонент ползунка в компоненте пр…
24 янв '17 в 14:59
2 ответа

Карусель Flickity как навигация для другого

Итак, я использую этот https://codepen.io/desandro/pen/wByaqj И я активировал prevNextButtons: true, как это: $('.characters-main').flickity({ prevNextButtons: false, wrapAround: false, pageDots: false, autoPlay: 10000 }); $('.characters-nav').flick…
11 ноя '17 в 17:57
1 ответ

Интегрируйте Flickity с Bootstrap 4 Carousel

Я начал использовать Bootstrap 4 вчера, и я изучал Flickity на прошлой неделе. Теперь я просто пытаюсь интегрировать Flickity с моей Bootstrap 4, используя быстрые примеры Bootrap 4, и я использую карусель . Но когда я добавляю Flickity со встроенно…
2 ответа

Использование Flickity с начальной загрузкой 4 для горизонтальной прокрутки карт (отзывчивый)

Кто-нибудь может привести пример этого или, по крайней мере, удачный пример флики в начальной загрузке 4? Я пытаюсь составить горизонтальный список карточек в виде карусели. Я хочу пролистать их три раза. Использование flickity показалось мне интере…
11 апр '18 в 10:37
0 ответов

Flickity: после перетаскивания выбранная ячейка иногда выходит из области просмотра галереи

Я работаю над бесконечной перетаскиваемой каруселью, используя метафизику. Используя freeScroll + wrapAround Props, он работает довольно хорошо, выбирая следующую ячейку при перетаскивании. $('.gallery').flickity({ freeScroll: true, wrapAround: true…
08 июл '15 в 16:36
1 ответ

Добавьте и удалите эффект серого в изображение с помощью ползунка Flickity

Я добавил оттенки серого в .gallery-cell img через Flickity V2, и как удалить это, когда .is-selected Slider? так же, как это: ( https://codepen.io/irvingarmenta/pen/pyLJvv) // for an individual element var flky = new Flickity('.gallery', { // optio…
30 авг '18 в 18:40
3 ответа

Простая галерея автозапуска с Flickity & React

Итак, я пытаюсь создать такую ​​галерею с помощью Flickity и React, но у меня появляется какое-то странное мерцание, и анимация не запускается, пока я не попытаюсь изменить размер (выходного) окна, а затем все будет играть хорошо. В Firefox иногда э…
19 июл '16 в 17:12
2 ответа

Приведение изображений Flickity в соответствие

Я создаю слайд-шоу Flickity, где изображения должны соответствовать содержащему элементу, чтобы не было прокрутки, чтобы увидеть все изображение. На данный момент у меня так, что изображения заполняют доступную ширину, но вы получаете вертикальную п…
09 дек '15 в 01:37
0 ответов

Компонент Flickity React не загружается должным образом в модальном режиме при открытии с помощью onClick

При использовании response-flickity-component в модальном, ползунки загружаются правильно, если модальный режим открыт при рендеринге страницы. Однако, если я переключаю модальное открытие кнопкой (например, onClick) после рендеринга страницы, ползу…
12 дек '18 в 06:33
1 ответ

Flickity.js вылетает при загрузке

Я пытаюсь загрузить простую галерею на основе js - Flickity.js Как упомянуто в примере, я попытался загрузить галерею, которая прекрасно работает. Но случайным образом галерея падает при загрузке страницы: код, который я использую для запуска галере…
29 дек '18 в 16:11
1 ответ

Как использовать FlickityService для управления запуском / остановкой игрока

Я разрабатываю слайд-шоу с использованием директивы Angular Flickity. Я могу использовать FlickityService для вызова следующей и предыдущей функции, чтобы переместить слайд на следующий и предыдущий слайд. Но как я могу контролировать запуск и остан…
20 янв '17 в 21:45
0 ответов

Мерцание не начинается под углом

Я использую Flickity с CDN, но при загрузке страницы не работает. Я уже положил скрипт в index.html, но он не работает component.ts declare var jquery:any; declare var $ :any; export class ProfileComponent implements OnInit { constructor() { $('.car…
01 апр '18 в 08:36
2 ответа

Как сделать так, чтобы карусель имела максимальную ширину и загружалась без изменения размера

http://codepen.io/Thisisntme/pen/rVRyJE Это демо моего сайта. В настоящее время карусель не работает, пока размер страницы не изменится. Я понятия не имею, как это исправить... и я также хочу знать, как сделать так, чтобы карусель имела максимальну…
10 авг '15 в 01:40
0 ответов

Как я могу отключить перетаскивание в одном направлении с помощью карусели flickity wrapAround?

У меня есть простая карусель Flickity из 30 предметов с установленным в true значением wrapAround. Есть ли возможность отключить перетаскивание справа налево, но оставить перетаскивание слева направо? Я могу включить / выключить его так: $ Carousel.…
02 дек '17 в 11:26