Загрузка...

Как создать кастомный слайдер на JS?

Тема в разделе Frontend создана пользователем ErgoProxy1637 6 янв 2024. (поднята 13 янв 2024) 317 просмотров

  1. ErgoProxy1637
    [IMG]
    Нужно реализовать вот такой вот слайдер, но использовать сторонние библиотеки нельзя, по типу Slider-Swiper, поэтому нужно мне помощь в реализации ибо я хз, как его сделать
     
  2. Falcon_Extra
    Falcon_Extra 6 янв 2024 Заблокирован(а) 108 22 окт 2023
    создай div и туда добавь что тебе нужно в css сделай псевдо scrolball
     
    1. Посмотреть предыдущие комментарии (2)
    2. ErgoProxy1637 Автор темы
      Falcon_Extra, в этом кодинге, похоже, лёгкого ничего нету (
    3. Falcon_Extra
      ErgoProxy1637, есть но, много лёгкого собираются в кучу и происходит что-то сложное
    4. ErgoProxy1637 Автор темы
      Falcon_Extra, Да у типов уже давно есть сборники со всякими шаблонами, и у моего препода тоже имеются таковые, вот только делится никто не хочет, в том числе и он
  3. diayuokaro
    diayuokaro 9 янв 2024 23 9 ноя 2023
    До сих пор помощь нужна с этим?
     
    1. ErgoProxy1637 Автор темы
      diayuokaro, даже не представляешь насколько
    2. diayuokaro
      ErgoProxy1637, го тогда в тг лучше, там помогу сделать это
  4. diayuokaro
    diayuokaro 10 янв 2024 23 9 ноя 2023
    Если сам разберёшься, то смотри https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-snap-type. Скролл слайдера при зажатии несложно реализуется с помощью js, кнопки и счётчик так же. Кнопки при надобности можно реализовать с помощью якорей.
     
    1. Посмотреть предыдущие комментарии (13)
    2. diayuokaro
      ErgoProxy1637, исключительно мои решения. Но я только рассказываю всё так, как это есть. Могу сказать так, что тебе стоит всего выработать свой паттерн разработки всего, с чем встречаешься, чтобы в будущем использовать это, и не писать всё заново. Делай себе заметки, хоть в избранных телеграм, неважно. Просто сделай это один раз и оставь на будущее.
    3. diayuokaro
      ErgoProxy1637, просто учись. Ищи и сохраняй информацию, делай пометки, практикуйся
    4. diayuokaro
      ErgoProxy1637, Любой опыт — это опыт, даже если негативный. Это тебе поможет в будущем
    5. Посмотреть следующие комментарии (21)
Top
Загрузка...