ЧЕЛОВЕК!! спасибо большое тебе!! Если будешь в Москве напиши, я хочу тебе пожать руку и сказать СПАСИБО!!!! Я благодаря твоим видосам очень сильно растут в веб-разработки!!!! Если ты был бы моим наставником я бы всю жизнь был бы тебе благодарен!! Спасибо айти-бороде то что он показал тебя( я от туда узнал о твоём канале)!!! СПАСИБО тебе ещё-раз за твоим труды, знай, они не НАПРАСНЫ!!!!!!!!!!!
Виталий, добрый день! Очень давно вас не видно на канале, и очень жаль. С вас я начинал изучение, сейчас устроился джуном, и потихоньку пересматриваю ваши видео, у вас очень хорошая подача и очень интересно смотреть, спасибо за знания!
Вот спасибо! Из всего множества видосов и статей по слайдам только здесь, по моему мнению, все разложено как надо: самая суть, без лишних стилей и кода, только самое нужное!
Слайдер на JS делать как раз для того чтоб научиться, а для сайта лучше подключить что нибудь из популярного - Slick например. Тема интересная, обязательно посмотрю! Спасибки
Вааще красавчик! Так грамотно всё расписал, что у меня даже кот понял, мы с ним новички в этом деле. Спасибо! К стати про зацикленность и правда было бы интересно посмотреть.
Для тех, кто не понял последний шаг с расчетом ширины скролла, когда в конце меньше слайдов чем нужно проскроллить. Попробуйте использовать условие. const rightHiddenSlides = (slideCount - slidesToShow) * slideWidth prev.addEventListener('click', () => { position += movePosition if (position >= 0) { position = 0 } setPosition() checkBtns() }) next.addEventListener('click', () => { position -= movePosition if (position
@@spyrav что-то ты не то говоришь. Во-первых, ни один язык не терпит ни одной ошибки, не то что джава, хотя видео и не о нём, а о джаваскрипте. Во-вторых, джаваскрипту не нужны точки с запятой на концах инструкций. На моей памяти было всего 2 или 3 случая, когда без точки с запятой лезла ошибка: 1. Если ты собираешь проект и из кучи js файлов ты получаешь один - в конце (или в самом начале js файла) нужно ставить её, иначе интерпретатор не поймёт где конец предыдущего и начало следующего, и может быть вылезет ошибка. 2. Если ты проходишь методом forEach по массиву [] вот так: [first,second].forEach(item => {...}), js будет ругаться на то, что ты хочешь использовать first до инициализации... Третий не помню, он точно был, но мне кажется таких исключений намного больше
Спасибо, очень классно все рассказал. Пожалуйста, затронь в будущих роликах тему свайпов на сайтах. Как можно например в тот же слайдер прикрутить свайпы на мобильной версии сайта?
@@callpack96 хочу тебе подсказать как разработчик имеющий 1+ год опыта работы то, необязательно уметь разрабатывать слайдера самому, достаточно понимать как виджеты/плагины работают, и если для проекта нужен какой-то то из плагинов то лучше найти готовое решение и интегрировать в свой проект и настроить соответственно дизайну) (имею ввиду уметь использовать специальные плагины по типу slick , swiper, owl и тд)
а как правильное определить ItemWidth если между элементами слайдера есть margin ?? Чтобы элементы все красивенько целиком поместились в track и при скроле чобы работал с учетеом этих margin
все очень понятно , спасибо. А как сделать слайдер который когда долистал до конца то при следующем клике показывается первый слайд , чтоб он был как бы шёл по кругу
Привет ! Подскажи пожалуйста как сделать слайдер на адаптиве к примеру на 320px -1блок и 1200px - 3блока. Я так понимаю нужно писать код который будет определять на каком устройстве открыт слайдер
Почему ntnPrev.disabled = true или false не работает когда ntnPrev находит через jquery/ Я могу использовать только чистый js и искать кнопку через selector либо jquery и использовать именно prop. А найти кнопку через jquery и написать в аргумент disable как в обычном js не получается.
Спасибо за работу, только местами было очень быстро - еле понял, что вы там в конце удалили при переделке на чистый JS. Я про "$(document).ready(function(" - в начале и "});" - в конце. И его можно было ж заменить на "document.addEventListener('DOMContentLoaded', function(){", чтобы работало? Если я что-то не понимаю, то - сорри, мне просто нужно было слайдер скопипастить и слегка в нем разобраться, а он не заработал ))
Здравствуйте. Спасибо за видео. У меня получилось сделать шаблон по Вашему видео. И также получилось адаптировать данный способ на сайт. Подскажите, пожалуйста, что нужно сделать, если таких слайдеров на странице более одного. Работает только первый. Как запустить остальные?
Приветствую. Помогите пожалуйста разобраться. Верстая сайт возникла проблема. Есть ссылки на другие страницы сайта и есть слайдер на сайте. При нормальнй работе слайдера или вообще работе всех скриптов с добавлением js перестают работать ссылки на другие страницы сайта, при комментировании скрипта с js перестает работать всё что связано с js, но начинают работать ссылки. Надеюсь понятно объяснил)) Прошу помощи в этом вопросе.
Это стандартный инструмент кажись любой IDE в нынешнее время. Про горячие клавиши и дополнения для VS Code можете посмотреть тут ua-cam.com/video/kPxFrThR2IU/v-deo.html
Потому что скрипт сам рассчитывает какой ширины должен быть элемент, а minwidth = 200 говорит, что ширина элемента не может быть меньше 200. И вот попробуйте задать вывод 6ти элементов в контейнере в 600px.
Здравствуйте. У меня вопрос. Изучаю самостоятельно хтмл и сиэсэс, и пришёл к выводу, что порой часть некоторых кодов я сам написал и сохранил в свои шаблоны, ещё есть в открытом доступе на разных форумах много других шаблонов кода, как и готовых архивов с готовыми сайтам, где руками просто изменить текст, поправить ширину, высоту, ссылки нужные прописать и ВСЁ! Сайт готов! При таких навыках, могу ли я называть себя верстальщиком сайтов?
@@JesseJames-mh5kb А Я ВОТ БАБУШКЕ ПОМОГ ВКЛЮЧИТЬ НОКИЮ 3310, И ПОСТАВИТЬ РИНГТОН БРИГАДЫ НА ЗВОНОК. ОНА СКАЗАЛА ЧТО Я ХАКЕР. НУ ШТОШ.. ТВОЙ ИСКРЕННИЙ ОТВЕТ ДАЛ МНЕ СИЛ И УВЕРЕННОСТИ В СЕБЕ. ТИПЕРЬ Я НЕ КАКОЙТО ТАМ ФРОНД В ЭНД, А ХАКИР МОБАЙЛ ЭПИПИ ДЖАВА ИКСИКСЭЛЬ.
Классный слайдер, но у меня вопрос, когда я делаю отступ между картинками то при скроле все ломается, как в этом случае правильно расчитать скролл для отступов?
подскажи как сделать, чтоб после " : " (двоеточия), в стилях, сразу проставлялся пробел и " ; " (точка с запятой), как у тебя. После переустановки н емогу найти эту настройку.....
Отличное видео спасибо. Подскажи пожалуйста, логика создания слайдера, всплывающих окон и т.д, одна как я понял. Селекторы, события, функции или в более сложных проектах вообще все по другому ?
Перед просмотром подумал, надеюсь он на ООП а не процедуре, так как их может быть несколько, что бы код сам рендерил разметку и тд, Оказалось что нет, жаль, придётся самому делать, интересно посмотреть реализацию на начальную позицию а не проматывание до конца
Так было задумано!)) Если серьёзно, то да, фокус теряет глаза (лицо), когда я пишу код и если внезапно начинаю говорить в камеру, он не успевает сообразить -) Я с этим как-то разберусь, спасибо за обратную связь.
Как вы это делаете? и классы то у него прописаны так, что потом удобно переменные называть, и при transform в отдельную функцию вынес. Если взять все мои коммиты проекта и выстроить эволюцию кода, сложится ощущение, что к концу проекта я сошел с ума
Спасибо тебе конечно большое, но почему ты не подошел к вопросу комплексно? У слайд-шоу помимо кнопок prev и next есть еще и "точки". Почему-бы не показать, как это реализовать вместе? Есть еще и моб. девайсы. Надо-бы людям объяснить, как работать с touch-событиями... "Нужно додумать самому", да?
Видео 👍👍👍👍👍 Вы можете снять видео о навигации только с клавиатуры (без мыши) в VScode - горячие клавиши, набрав сразу 2 или более строк и т. д. Или где можно найти эту информацию
Ну это совсем простой вариант. Надо что-то придумывать для адаптивности, а если нужна бесконечная прокрутка, то такой подход совсем не подойдет. А мышкой или пальцем перетягивать? Не такая уж и тривиальная это задача. Подводных камней вагон и тележка или две. Идеальным будет чтоб слайдер сам решал, как работать на основании отображаемых элементах. Например скормил ему грид сетку с разными размерами колонок, а сладейр это подхватил и работает не перестраивая верстку, не меняя ничего. Все на трансформе расположил где надо и сколько надо, по требованию меняет позицию элементов и все. Я пробовал запилить такое, даже что-то получилось, но там надо рефакторить все, тупо все. Слишком запутанный код. И да, забыл, если нужен конкретно такой вариант слайдера, как представленный в видео, можно очень круто схитрить использовав скрытую горизонтальную прокрутку. А прокручивать контейнер при помощи установки прокрутки в нужную позицию. Еще перехватить надо будет само событие прокрутки чтоб выполнять свою функцию, чтоб прокручивалось так как задумано. Таким образом не придется ничего подсчитывать, а лишь смещать прокрутку на нужное значение, даже проверки не нужны, так как ничего не вылезет xD
😎 Получить исходники и другие преимущества - boosty.to/prostorazrabotka
❓ Запись на консультацию - prosto-razrabotka.ru/
✨ Telegram канал - t.me/prostorazrabotka/
🔥 Telegram чат - t.me/prostorazrabotkachat/
Можете добавиться в друзья:
📷 Instagram - instagram.com/vitaliy.kirenkov/
📘 ВКонтакте - vk.com/vitaliy.kirenkov/
📗 Facebook - facebook.com/vitaliy.kirenkov/
📙 LinkedIn - www.linkedin.com/in/kirenkov/
✏️ Twitter - twitter.com/VitaliyKirenkov/
А так же, подписаться на страницы:
📘 ВКонтакте - vk.com/public195137161/
📗 Facebook - facebook.com/prostorazrabotka/
Талант объяснять не простые вещи наглядно и увлекательно! Спасибо большое, очень ценные знания!
я не верю! утром проснулся и думаю : " надо бы вспомнить как на JS делается слайдер" И тут ты - друг! спасибо огромное
пздц... он у тебя в хате сидел чтоли?
@@АндрейИльин-д6ж ))))))
ЧЕЛОВЕК!! спасибо большое тебе!! Если будешь в Москве напиши, я хочу тебе пожать руку и сказать СПАСИБО!!!! Я благодаря твоим видосам очень сильно растут в веб-разработки!!!! Если ты был бы моим наставником я бы всю жизнь был бы тебе благодарен!! Спасибо айти-бороде то что он показал тебя( я от туда узнал о твоём канале)!!! СПАСИБО тебе ещё-раз за твоим труды, знай, они не НАПРАСНЫ!!!!!!!!!!!
Спасибо, очень приятно это слышать
как я рада, что Вас нашла! Спасибо Вам большое, от всего сердца!
После такого объяснения поняла, как вообще слайдер работает и устроен)). Спасибо огромное за информацию!
Блин, какая-то высшая математика получилась. Боюсь даже допилить до бесконечного слайдера
Спасибо за классный видеоурок! 👍
сразу лайк за вырезанное окошко)
Виталий, добрый день! Очень давно вас не видно на канале, и очень жаль. С вас я начинал изучение, сейчас устроился джуном, и потихоньку пересматриваю ваши видео, у вас очень хорошая подача и очень интересно смотреть, спасибо за знания!
Спасибо, приятно слышать -)
Самый понятный видос про карусель. Спасибо! ещё бы с точками пагинации, бло бы вообще шикарно
мужик ты крут) вот буквально вчера смотрел на ютубе идеи слайдеров на чистом JS, на второй день пришло видео
Спасибо -)
была идея подобного слайдера, но не хватало знаний на реализацию! Огромное спасибо!
очень полезно и главное понятно. Cпасибо большое)
Наконец-то я нашёл человека который объясняет что за что отвечает, сразу видно что профессионал!
Вот спасибо! Из всего множества видосов и статей по слайдам только здесь, по моему мнению, все разложено как надо: самая суть, без лишних стилей и кода, только самое нужное!
Большое спасибо. Материал изложен очень доступно.
Благодарю
Слайдер на JS делать как раз для того чтоб научиться, а для сайта лучше подключить что нибудь из популярного - Slick например. Тема интересная, обязательно посмотрю! Спасибки
Полностью поддерживаю.
Большое спасибо за урок! Наконец-то смогла справиться со слайдером)
it doean t work with sims 4 !!!!!
Спасибо большое!
Просмотрела кучу статей и сделать работающий вариант получилось только с помощью вашего видео!
спасибо. очень доступно объясняешь. побольше бы таких учителей. респект!!!!!!!!!!
Спасибо большое, все предельно понятно и здорово, что привел сравнение Js и JQuery
Круто. Осталось все это повторить и закрепить знания. Спасибки.
Виталий, спасибо за такой простой и качественный разбор написания карусели!
На удивление, хорошее видео про слайдер.
Мне будет не легко, объяснить более понятно, чем ты) Тоже про слайдер скоро будет видео
Вааще красавчик! Так грамотно всё расписал, что у меня даже кот понял, мы с ним новички в этом деле. Спасибо! К стати про зацикленность и правда было бы интересно посмотреть.
Для тех, кто не понял последний шаг с расчетом ширины скролла, когда в конце меньше слайдов чем нужно проскроллить.
Попробуйте использовать условие.
const rightHiddenSlides = (slideCount - slidesToShow) * slideWidth
prev.addEventListener('click', () => {
position += movePosition
if (position >= 0) {
position = 0
}
setPosition()
checkBtns()
})
next.addEventListener('click', () => {
position -= movePosition
if (position
Здравствуйте. Спасибо вам большое! Всё просто, наглядно и понятно. Подписываюсь.
Спасибо вам большое, вы мастер своего дела, а за такими людьми приятно смотреть, очень доходчиво!
Благодарю
Спасибо! Не работает.
Ты проверил ; ? потому что джава не терпит любые ошибки. Даже мелочные. Если хоть где-то в строке есть одна ошибка, джаваскрипт пойдет по пизде
рекомендую slick js если нужен слайдер и не хочешь изобретать велосипед. прогугли об этом
А ты jQ подключил?
@@spyrav что-то ты не то говоришь. Во-первых, ни один язык не терпит ни одной ошибки, не то что джава, хотя видео и не о нём, а о джаваскрипте. Во-вторых, джаваскрипту не нужны точки с запятой на концах инструкций. На моей памяти было всего 2 или 3 случая, когда без точки с запятой лезла ошибка: 1. Если ты собираешь проект и из кучи js файлов ты получаешь один - в конце (или в самом начале js файла) нужно ставить её, иначе интерпретатор не поймёт где конец предыдущего и начало следующего, и может быть вылезет ошибка. 2. Если ты проходишь методом forEach по массиву [] вот так: [first,second].forEach(item => {...}), js будет ругаться на то, что ты хочешь использовать first до инициализации... Третий не помню, он точно был, но мне кажется таких исключений намного больше
Ахахахаах арррррррр
Мужик ты просто топ, спас мои булочки всего самого наилучшего тебе...))
ползунок мне даже интереснее :) я пытаюсь понять как правильно "окошко" сделать, чтоб отражало положение.
впервые вижу бонус для наглядного изображенния ввиде листка (лайк) . Еше так с Вами jQuery подтяну
Ну а чего бы и не показать -)
Отлично все объяснил у меня получилось! Еще бы адаптив допилить на 576, думаю справлюсь))
Спасибо, очень классно все рассказал. Пожалуйста, затронь в будущих роликах тему свайпов на сайтах. Как можно например в тот же слайдер прикрутить свайпы на мобильной версии сайта?
Ну слушай чувак, это лайк. И ничего тут не поделаешь. Единственное надо было сразу на JS писать. А то JQuery в 2020 году, такое себе...
Автор просто мастер своего дела! Низкий поклон Вам))))
Благодарю
Как вам велосипед?)
Офигенный, пойду свой теперь скручу и попробую что-то добавить своего для развития :D
Что ж, как раз подойдёт для следующего проекта, спасибо))
Я думаю было бы неплохо сделать вторую часть и добавить возможность листать слайдер с помощью свайпов)
Он крутой, но если поменять расширение в браузере и не обновить страницу, то слайдер падает.Там нужно похимичить с resize ...
@@callpack96 хочу тебе подсказать как разработчик имеющий 1+ год опыта работы то, необязательно уметь разрабатывать слайдера самому, достаточно понимать как виджеты/плагины работают, и если для проекта нужен какой-то то из плагинов то лучше найти готовое решение и интегрировать в свой проект и настроить соответственно дизайну) (имею ввиду уметь использовать специальные плагины по типу slick , swiper, owl и тд)
Отличные гайды по js и не только, продолжай пилить видосы😎🤙
Все получилось. Большое спасибо Вам за понятный и хороший урок)))
Спасибо. Очень помогло ваше видео
Вот это совпадение, сегодня должен был слайдер делать))
СПАСИБО БОЛЬШОЕ!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
Ещё было бы круто сделать дотсы специальные, на которые кликаешь и находишь нужный слайд)
Огромное спасибо)
Подскажите пожалуйста как адаптировать его как изменить количество показываемых сладов на малых экранах ?
Лайк за труд и старание очень помогли больше работы с Js
Спасибо
а как правильное определить ItemWidth если между элементами слайдера есть margin ?? Чтобы элементы все красивенько целиком поместились в track и при скроле чобы работал с учетеом этих margin
Топ контент на русском! Спасибо за объяснение! У Вас отличные преподавательские навыки.
Благодарю
Спасибо за великолепное объяснение!
все очень понятно , спасибо. А как сделать слайдер который когда долистал до конца то при следующем клике показывается первый слайд , чтоб он был как бы шёл по кругу
Очень круто!!!
Спасибо за Ваш труд :))
Привет ! Подскажи пожалуйста как сделать слайдер на адаптиве к примеру на 320px -1блок и 1200px - 3блока. Я так понимаю нужно писать код который будет определять на каком устройстве открыт слайдер
Спасибо, дружище! Супер!
Спасибо за урок!!! Супер! А как на счет размещения нескольких слайдеров на одной странице? Будет работать?
Круто!!!
Почему ntnPrev.disabled = true или false не работает когда ntnPrev находит через jquery/ Я могу использовать только чистый js и искать кнопку через selector либо jquery и использовать именно prop. А найти кнопку через jquery и написать в аргумент disable как в обычном js не получается.
А закольцевать его очень сложно будет? без применения jquery?
Amazing! 😍
У меня вопрос . У меня в слайдере 6 элементов видимых , но при уменьшение экрана их уже 5 , 4 и т.д как мне это исправить ?
Добрый день, спасибо большое за такой урок, просто прекрасно!!!
И еще вопросик, а как писать сразу на нескольких строчках? какойто плагин или что?
КарбонашкаPlay мультикурсор. Это встроено в любой современный редактор
@@prosto_razrabotka так вы и не ответили))) есть какая-то комбинация клавиш, или еще что?)
Я ответил ключевым словом, по которому в интернете можно найти решение. Либо посмотреть видос на канале про горячие клавиши VS code и дополнения
@@prosto_razrabotka ладно. Спасибо
Можно сделать зацикленный , чтобы например «вперед» можно было нажимать постоянно ?
При достижении конца чтоб начиналось начало
Можно. Я не против.
Спасибо за работу, только местами было очень быстро - еле понял, что вы там в конце удалили при переделке на чистый JS.
Я про "$(document).ready(function(" - в начале и "});" - в конце. И его можно было ж заменить на "document.addEventListener('DOMContentLoaded', function(){", чтобы работало?
Если я что-то не понимаю, то - сорри, мне просто нужно было слайдер скопипастить и слегка в нем разобраться, а он не заработал ))
Здравствуйте. Спасибо за видео. У меня получилось сделать шаблон по Вашему видео. И также получилось адаптировать данный способ на сайт. Подскажите, пожалуйста, что нужно сделать, если таких слайдеров на странице более одного. Работает только первый. Как запустить остальные?
На самом деле перелопатила много видео, Ваш слайдер оказался более понятным и быстрым.
Спасибо! А как адаптировать слайдер под мобилку?
Приветствую. Помогите пожалуйста разобраться. Верстая сайт возникла проблема. Есть ссылки на другие страницы сайта и есть слайдер на сайте. При нормальнй работе слайдера или вообще работе всех скриптов с добавлением js перестают работать ссылки на другие страницы сайта, при комментировании скрипта с js перестает работать всё что связано с js, но начинают работать ссылки. Надеюсь понятно объяснил)) Прошу помощи в этом вопросе.
не, ну это лайк господа!
Паасиб -)
Can someone help me with obcrurus sliders? Why does they work only with wizards, vampires, mermaids but not with normal characters?
не подскажете а как сделать его бесконечным?
Немного не понятно, как это реализовать для картинок с разным разрешением, велосипед сломался((
Спасибо, все четко
А что за плагин такой, который позволяет курсор установить в нескольких местах сразу?
Это стандартный инструмент кажись любой IDE в нынешнее время.
Про горячие клавиши и дополнения для VS Code можете посмотреть тут
ua-cam.com/video/kPxFrThR2IU/v-deo.html
Посмотрел чтоб понять принцип) понравилось, что ты объяснил логику! Но когда пишешь код.... что вообще происходит))) мне как новичку не понятно
Анимацию выполняет CSS, а JS лишь управляет этим процессом. Можно ли сделать хорошую анимацию на чистом JS?
Большое спасибо за ролик!
У меня остался вопрос: почему вы убрали min-width на 5:50 ? Никак не могу понять
Потому что скрипт сам рассчитывает какой ширины должен быть элемент, а minwidth = 200 говорит, что ширина элемента не может быть меньше 200. И вот попробуйте задать вывод 6ти элементов в контейнере в 600px.
Великолепно
Благодарю -)
Спасибо за видео!
Не за что)
Здравствуйте.
У меня вопрос.
Изучаю самостоятельно хтмл и сиэсэс, и пришёл к выводу, что порой часть некоторых кодов я сам написал и сохранил в свои шаблоны, ещё есть в открытом доступе на разных форумах много других шаблонов кода, как и готовых архивов с готовыми сайтам, где руками просто изменить текст, поправить ширину, высоту, ссылки нужные прописать и ВСЁ!
Сайт готов!
При таких навыках, могу ли я называть себя верстальщиком сайтов?
Да, ты можешь называть себя фронтэнд разработчиком 89 уровня. Ведь поменять текст и ссылки на готовом шаблоне мало кто осилит.
@@JesseJames-mh5kb А Я ВОТ БАБУШКЕ ПОМОГ ВКЛЮЧИТЬ НОКИЮ 3310, И ПОСТАВИТЬ РИНГТОН БРИГАДЫ НА ЗВОНОК.
ОНА СКАЗАЛА ЧТО Я ХАКЕР.
НУ ШТОШ.. ТВОЙ ИСКРЕННИЙ ОТВЕТ ДАЛ МНЕ СИЛ И УВЕРЕННОСТИ В СЕБЕ.
ТИПЕРЬ Я НЕ КАКОЙТО ТАМ ФРОНД В ЭНД, А ХАКИР МОБАЙЛ ЭПИПИ ДЖАВА ИКСИКСЭЛЬ.
Классный слайдер, но у меня вопрос, когда я делаю отступ между картинками то при скроле все ломается, как в этом случае правильно расчитать скролл для отступов?
подскажи как сделать, чтоб после " : " (двоеточия), в стилях, сразу проставлялся пробел и " ; " (точка с запятой), как у тебя. После переустановки н емогу найти эту настройку.....
Гугли Emmet
А можно хотя бы намек как сделать цикличную прокрутку?
Отличное видео спасибо.
Подскажи пожалуйста, логика создания слайдера, всплывающих окон и т.д, одна как я понял. Селекторы, события, функции или в более сложных проектах вообще все по другому ?
Весь js строится на селекторах, функциях, событиях и куче других вещей -)
а какую ide ты юзаешь и какую посоветуешь для новичков?
Юзаю VS Code. Советую -)
@@prosto_razrabotka благодарю
Ты очень крутой, хочу добиться того же
Перед просмотром подумал, надеюсь он на ООП а не процедуре, так как их может быть несколько, что бы код сам рендерил разметку и тд,
Оказалось что нет, жаль, придётся самому делать, интересно посмотреть реализацию на начальную позицию а не проматывание до конца
День добрый! Вопрос (если можно конечно): как зациклить?
Очень общий вопрос - лучше в телеграм чат с этим.
Узнал как зациклить?
@@ascilator7174 забей в поике "Бесконечный слайдер"
Чувак, у тебя в середине ролика фокус на сове)) По идее это решается корректировкой освещения. А так видос топчик. Спасибо за контент
Так было задумано!))
Если серьёзно, то да, фокус теряет глаза (лицо), когда я пишу код и если внезапно начинаю говорить в камеру, он не успевает сообразить -) Я с этим как-то разберусь, спасибо за обратную связь.
Нужно больше JS!
Не все сразу -)
+1
классно кодишь)
Спасибо -)
А как jquery подключить правильно ?
Мне понравилось.
Мне тоже -)
Когда описывается проверка на передвижение вперёд, мне кажется лучше назвать константу itemsRight, ибо именно то что осталось справа и считается
Left в переводе на русский означает «осталось», помимо того, что вы подумали
@@prosto_razrabotka кто как видит английский) спасибо за ответ, я не обратил сразу на это внимание
Лайк и подписка на канал! Спасибо!
огромное спасибо
От jQuery отключается мозг
* Следующее видео *
Как вы это делаете? и классы то у него прописаны так, что потом удобно переменные называть, и при transform в отдельную функцию вынес. Если взять все мои коммиты проекта и выстроить эволюцию кода, сложится ощущение, что к концу проекта я сошел с ума
Хахаха -)))
Что-то необычное на русскоязычном Ютубе
Спасибо тебе конечно большое, но почему ты не подошел к вопросу комплексно? У слайд-шоу помимо кнопок prev и next есть еще и "точки". Почему-бы не показать, как это реализовать вместе? Есть еще и моб. девайсы. Надо-бы людям объяснить, как работать с touch-событиями... "Нужно додумать самому", да?
Видео 👍👍👍👍👍
Вы можете снять видео о навигации только с клавиатуры (без мыши) в VScode - горячие клавиши, набрав сразу 2 или более строк и т. д. Или где можно найти эту информацию
На канале есть видео по дополнениям и горячим клавишам в VS Code
Ну это совсем простой вариант. Надо что-то придумывать для адаптивности, а если нужна бесконечная прокрутка, то такой подход совсем не подойдет. А мышкой или пальцем перетягивать? Не такая уж и тривиальная это задача. Подводных камней вагон и тележка или две.
Идеальным будет чтоб слайдер сам решал, как работать на основании отображаемых элементах. Например скормил ему грид сетку с разными размерами колонок, а сладейр это подхватил и работает не перестраивая верстку, не меняя ничего. Все на трансформе расположил где надо и сколько надо, по требованию меняет позицию элементов и все.
Я пробовал запилить такое, даже что-то получилось, но там надо рефакторить все, тупо все. Слишком запутанный код.
И да, забыл, если нужен конкретно такой вариант слайдера, как представленный в видео, можно очень круто схитрить использовав скрытую горизонтальную прокрутку. А прокручивать контейнер при помощи установки прокрутки в нужную позицию. Еще перехватить надо будет само событие прокрутки чтоб выполнять свою функцию, чтоб прокручивалось так как задумано. Таким образом не придется ничего подсчитывать, а лишь смещать прокрутку на нужное значение, даже проверки не нужны, так как ничего не вылезет xD
Всё конечно круто, проблема только в том, что этот слайдер не адаптивный