Вопросы по теме 'react-slick'

Кнопка nextArrow и prevArrow не работает в режиме реакции
Я использую response-slick в своем приложении reactjs. Я пытаюсь реализовать стрелки вперед и назад в слайдере. Но это не работает. Вот мой код Вот моя переменная "settingss", которая применяется к var settingss ={ infinite: false,...
3616 просмотров
schedule 06.11.2021

slickGoTo не меняет активный слайд
Я добавил слайдер с помощью react-slick в свое приложение React. Для <Slider> я добавил ref, и я пытаюсь использовать его для изменения активного слайда: import React, { useRef } from 'react'; import Slider from 'react-slick'; const...
455 просмотров

Стрелки не отображаются в реактивном пятне с 4 и более фотографиями
Я пытаюсь отобразить следующую и предыдущую стрелки, когда у меня есть 4 и более фотографий на response-slick, но они не отображаются. Он отлично работает с 3 или менее фотографиями. Вот ссылка на код. https://codesandbox.io/s/wyyrl6zz3l
3975 просмотров
schedule 18.03.2022

Неправильная ширина слайдера React Slick в адаптивном представлении
Я реализовал React Slick Slider для своего веб-сайта, он работает правильно для рабочего стола и соответственно принимает правильную ширину, но если я переключусь на отзывчивый вид, ширина контейнера будет неправильной, и он будет выглядеть...
6639 просмотров

Пользовательские стрелки реагируют гладко
Я использую react-slick для создания карусели в своем проекте. Я прочитал документы и попробовал разные вещи, но не смог найти способ настроить его именно так, как мне нужно... Кто-нибудь знает, есть ли способ показать nextArrow на/перед...
18707 просмотров
schedule 20.10.2022

реагировать-гладко в boostrap-grid при разрешении экрана менее 576 пикселей
Я использую React-Slick и Bootstrap Grid. jquery не подключен - используются только файлы scss bootstrap 4 (scss/bootstrap-grid.scss и scss/utilities/_sizing.scss). Слайды расположены внутри контейнеров сетки: <div className =...
261 просмотров
schedule 08.09.2023

Реагируйте гладко, как включить без паузы
я пытаюсь создать бесконечное слайд-шоу без паузы, это мои настройки для слайдера с реактивным движением const settings = { infinite: true, slidesToShow: 3, autoplay: true, speed: 5000, autoplaySpeed: 0, arrows: false,...
356 просмотров
schedule 23.03.2023

реагировать-гладко, вызывая зависание всей страницы
Я установил следующую конфигурацию для react-slick : infinite: true, speed: 500, slidesToShow: 6, slidesToScroll: 5, swipeToSlide: true, autoplay: true, arrows: false dots: false Каждый раз, когда гладкий элемент скользит, вся страница...
1996 просмотров
schedule 06.03.2023

useRef выдает не назначаемый тип LegacyRef ‹Slider› | неопределенный
Я использую response-slick-slider и хочу создать собственные стрелки. Итак, код выглядит так: const FeedbackSlider = () => { const [isLargeScreen] = useMediaQuery("(min-width: 1050px)") const sliderRef = useRef<Slider>() const...
41 просмотров
schedule 15.01.2023

uesRef и react-slick не отображаются при обновлении
Я новичок в реагировании, я пытаюсь сделать ползунок с пользовательскими стрелками, используя SlickNext() и slickPrev() проблема в том, что всякий раз, когда я обновляю страницу или нажимаю ctrl+R, ползунок исчезает, он отображается только всякий...
27 просмотров
schedule 04.12.2022

Пользовательская стрелка React-slick со стилизованными компонентами
Я пытаюсь создать пользовательскую стрелку со стилизованными компонентами для реакции, но содержимое стрелки не исчезнет. Какие-либо предложения? const RightAr = styled.div` .slick-next { font-size: 0; line-height: 0; top: 50%;...
293 просмотров
schedule 16.01.2024