Загрузка...

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

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

  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. Посмотреть предыдущие комментарии (3)
    2. ErgoProxy1637 Автор темы
      diayuokaro, нет друг ты не то мне присылаешь. Ни в, одной ссылки нету про то как привязать это к ссылкам якорям, к тому что там всё очень сжато, для новичка в js, как я это непонятно от слова совсем
    3. diayuokaro
      ErgoProxy1637, нет друг, ты просто разобраться не хочешь. Даже для новичка в js это более чем просто. Сложным это может оказаться только для человека, не способного, по неизвестным мне причинам, гуглить. Этот наипростейший компонент, называющийся каруселью, реализуется крайне просто, просто ты, друг, сам подумать не хочешь, надеясь на то, что тебе весь материал пережуют и в рот положат. Я тебе дал жирную наводку, как это сделать, и если бы ты хотя бы удосужился почитать документации, ссылки на которые я тебе также написал, то ты бы не жаловался на то, что там нету информации о том, как привязать это к якорям, т.к. я тебе не собираюсь разжёвывать элементарные азы вёрстки, которые ты и сам должен знать, если уж ты и занялся ей. Скролл с помощью этих кнопок реализуется с помощью всего того, что я написал выше, и тебе нужно только прочитать и сделать всё на примере того, что есть там.

      Вместо тебя в который раз загуглил: https://stackoverflow.com/questions...-points-with-navigation-next-previous-buttons. Тут всё ещё более пережёвано и дополнено готовым кодом.

      И мой совет тебе, к слову... Если ты настолько ленив как личность, или тебе это не интересно на основе собственной инициативы, то тебе не стоит заниматься этим. Любые форумы – не выполняют функции обучающих платформ, где тебе весь материал разложат подробнее некуда и код распишут. На форумах тебе дадут наводки, в отдельных случаях подредактировав твой код или его часть, с которым у тебя возникли проблемы, который ты изначально прикладываешь к вопросу.
      11 янв 2024 Изменено
    4. ErgoProxy1637 Автор темы
      diayuokaro, вот тут ты ошибаешься. Все гуглится и дается прямо развернутый ответ по любому коду. Я так научился добавлять и убирать активность, таймеры делать, смена языков и со слайдером тоже все было хорошо, достаточно было интегрировать в свой код Slider Swiper, но меня препод запарил, говорит "ты должен такие вещи сам уметь делать". Блять объясни зачем меня на учебе раз за разом заставляют переизобретать велосипед? Но а так за помощь спасибо, среди всего материала, который я перерыл, твой хоть что-то дает, сейчас вот еще последнюю твою ссылку гляну
    5. Посмотреть следующие комментарии (31)
Top
Загрузка...