Ребят как сделать такой слайдер?

Ссылка скопирована
1 ответ

Ребят как сделать такой слайдер?

может есть готовые библиотеки?

Дополнительно:

Ну например с помощью swiper. В интернете пробовали искать?

  • Danny Arty, искал но чет как то не то получается
  • Поиск в гугле 3d caurusel
  • semensx, ищите по запросу 3d center mode slider
  • Ответы:

    Можешь попробовать flickity, с CSS только чуть поработать надо будет

    Нужно решить такую задачу?

    Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

    Заказать помощь
    Лучший ответ
    1
    Андрей PHP Ответ

    Для создания слайдера на веб-странице можно использовать различные библиотеки и фреймворки, такие как jQuery UI, Slick, Swiper и другие. Давайте создадим простой слайдер с использованием jQuery UI.

    1. Подключите библиотеку jQuery и jQuery UI на вашу страницу. Убедитесь, что они загружены перед вашим собственным скриптом.

    ```html

    ```

    2. Создайте HTML разметку для слайдера.

    ```html

    ```

    3. Инициализируйте слайдер в вашем JavaScript коде.

    ```html

    $(function() {
    $("#slider").slider();
    });

    ```

    4. Настройте параметры слайдера по вашему желанию, например, минимальное и максимальное значение, шаг, ориентацию и другие.

    ```html

    $(function() {
    $("#slider").slider({
    min: 0,
    max: 100,
    step: 1,
    orientation: "horizontal"
    });
    });

    ```

    5. Теперь у вас на странице должен отображаться слайдер, который можно использовать для выбора значений.

    Это базовый пример создания слайдера с использованием jQuery UI. Вы можете настроить его дополнительно, добавить стили для улучшения внешнего вида, а также добавить обработчики событий для реакции на изменения значений слайдера. Надеюсь, этот ответ поможет вам создать слайдер на вашем сайте.

    Другие ответы (0)

    Пока нет других ответов. Будьте первым, кто поможет автору.

    Ответить на вопрос

    комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *

    Вам также может быть интересно