Как сделать слайдер на JS?

  Рет қаралды 89,893

Просто: разработка

Просто: разработка

Күн бұрын

В этом видео ты узнаешь как можно написать слайдер (карусель, слайдшоу - это всё об одном...). Основной акцент делается именно на логике работы. Не сложная вёрстка на HTML и CSS, логика одна, но в качестве примера написана на jQuery и затем на JavaScript.
=======================================
Содержание:
00:00 Введение
01:13 Концепция
01:37 Вёрстка
05:56 Разработка на jQuery
24:25 Переделка на JavaScript

Пікірлер: 223
@prosto_razrabotka
@prosto_razrabotka 3 жыл бұрын
😎 Получить исходники и другие преимущества - 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/
@daymaker_bybit
@daymaker_bybit 4 жыл бұрын
Талант объяснять не простые вещи наглядно и увлекательно! Спасибо большое, очень ценные знания!
@romandemin8601
@romandemin8601 3 жыл бұрын
Вот спасибо! Из всего множества видосов и статей по слайдам только здесь, по моему мнению, все разложено как надо: самая суть, без лишних стилей и кода, только самое нужное!
@dhgchmghm1915
@dhgchmghm1915 4 жыл бұрын
я не верю! утром проснулся и думаю : " надо бы вспомнить как на JS делается слайдер" И тут ты - друг! спасибо огромное
@user-vn2nx1yq9e
@user-vn2nx1yq9e 3 жыл бұрын
пздц... он у тебя в хате сидел чтоли?
@user-yo9fu4zc9m
@user-yo9fu4zc9m 3 жыл бұрын
@@user-vn2nx1yq9e ))))))
@ivrus196
@ivrus196 4 жыл бұрын
ЧЕЛОВЕК!! спасибо большое тебе!! Если будешь в Москве напиши, я хочу тебе пожать руку и сказать СПАСИБО!!!! Я благодаря твоим видосам очень сильно растут в веб-разработки!!!! Если ты был бы моим наставником я бы всю жизнь был бы тебе благодарен!! Спасибо айти-бороде то что он показал тебя( я от туда узнал о твоём канале)!!! СПАСИБО тебе ещё-раз за твоим труды, знай, они не НАПРАСНЫ!!!!!!!!!!!
@prosto_razrabotka
@prosto_razrabotka 4 жыл бұрын
Спасибо, очень приятно это слышать
@user-js6uh6mr8o
@user-js6uh6mr8o 3 жыл бұрын
После такого объяснения поняла, как вообще слайдер работает и устроен)). Спасибо огромное за информацию!
@Skif0007
@Skif0007 4 жыл бұрын
мужик ты крут) вот буквально вчера смотрел на ютубе идеи слайдеров на чистом JS, на второй день пришло видео
@prosto_razrabotka
@prosto_razrabotka 4 жыл бұрын
Спасибо -)
@bpv82
@bpv82 4 жыл бұрын
Круто. Осталось все это повторить и закрепить знания. Спасибки.
@user-je3cr4ng1b
@user-je3cr4ng1b 2 жыл бұрын
Виталий, спасибо за такой простой и качественный разбор написания карусели!
@ilyakasarkin772
@ilyakasarkin772 4 жыл бұрын
Спасибо вам большое, вы мастер своего дела, а за такими людьми приятно смотреть, очень доходчиво!
@prosto_razrabotka
@prosto_razrabotka 4 жыл бұрын
Благодарю
@user-si9rn3qt4b
@user-si9rn3qt4b 2 жыл бұрын
Спасибо большое, все предельно понятно и здорово, что привел сравнение Js и JQuery
@br_ann
@br_ann 2 жыл бұрын
Большое спасибо за урок! Наконец-то смогла справиться со слайдером)
@soankvan3114
@soankvan3114 Жыл бұрын
it doean t work with sims 4 !!!!!
@vladimirzakurdaev6229
@vladimirzakurdaev6229 3 жыл бұрын
Отличные гайды по js и не только, продолжай пилить видосы😎🤙
@rusealgooglov6080
@rusealgooglov6080 4 жыл бұрын
Вааще красавчик! Так грамотно всё расписал, что у меня даже кот понял, мы с ним новички в этом деле. Спасибо! К стати про зацикленность и правда было бы интересно посмотреть.
@Learn-Dev_
@Learn-Dev_ 3 жыл бұрын
Очень круто!!! Спасибо за Ваш труд :))
@katemos4584
@katemos4584 2 жыл бұрын
спасибо. очень доступно объясняешь. побольше бы таких учителей. респект!!!!!!!!!!
@952a259
@952a259 6 ай бұрын
Спасибо за классный видеоурок! 👍
@drochunka
@drochunka 3 жыл бұрын
Наконец-то я нашёл человека который объясняет что за что отвечает, сразу видно что профессионал!
@Dydya_Bogdan
@Dydya_Bogdan 3 жыл бұрын
Мужик ты просто топ, спас мои булочки всего самого наилучшего тебе...))
@user-nj1dv1rm9c
@user-nj1dv1rm9c 3 жыл бұрын
Все получилось. Большое спасибо Вам за понятный и хороший урок)))
@sanijohnnyb2235
@sanijohnnyb2235 4 жыл бұрын
сразу лайк за вырезанное окошко)
@ronul715
@ronul715 Жыл бұрын
Спасибо большое! Просмотрела кучу статей и сделать работающий вариант получилось только с помощью вашего видео!
@andrussian
@andrussian 2 жыл бұрын
Виталий, добрый день! Очень давно вас не видно на канале, и очень жаль. С вас я начинал изучение, сейчас устроился джуном, и потихоньку пересматриваю ваши видео, у вас очень хорошая подача и очень интересно смотреть, спасибо за знания!
@prosto_razrabotka
@prosto_razrabotka 2 жыл бұрын
Спасибо, приятно слышать -)
@marinaorlandina
@marinaorlandina 9 ай бұрын
Самый понятный видос про карусель. Спасибо! ещё бы с точками пагинации, бло бы вообще шикарно
@ervinabliamitov2149
@ervinabliamitov2149 3 жыл бұрын
Спасибо за великолепное объяснение!
@AntonioBenderas
@AntonioBenderas Жыл бұрын
Блин, какая-то высшая математика получилась. Боюсь даже допилить до бесконечного слайдера
@user-kt5pz9ji3p
@user-kt5pz9ji3p 2 жыл бұрын
Здравствуйте. Спасибо вам большое! Всё просто, наглядно и понятно. Подписываюсь.
@alil8706
@alil8706 9 ай бұрын
была идея подобного слайдера, но не хватало знаний на реализацию! Огромное спасибо!
@jahmerdaev
@jahmerdaev 3 жыл бұрын
Большое спасибо. Материал изложен очень доступно.
@prosto_razrabotka
@prosto_razrabotka 3 жыл бұрын
Благодарю
@AnvarAdizov-pm6di
@AnvarAdizov-pm6di Жыл бұрын
очень полезно и главное понятно. Cпасибо большое)
@WEBSTART-LIVE
@WEBSTART-LIVE 3 жыл бұрын
На удивление, хорошее видео про слайдер. Мне будет не легко, объяснить более понятно, чем ты) Тоже про слайдер скоро будет видео
@sergeyniminskiy6596
@sergeyniminskiy6596 3 жыл бұрын
Спасибо, дружище! Супер!
@vadimkovalev6430
@vadimkovalev6430 4 жыл бұрын
Спасибо, очень классно все рассказал. Пожалуйста, затронь в будущих роликах тему свайпов на сайтах. Как можно например в тот же слайдер прикрутить свайпы на мобильной версии сайта?
@user-yb9uf8uz8k
@user-yb9uf8uz8k 4 жыл бұрын
Слайдер на JS делать как раз для того чтоб научиться, а для сайта лучше подключить что нибудь из популярного - Slick например. Тема интересная, обязательно посмотрю! Спасибки
@prosto_razrabotka
@prosto_razrabotka 4 жыл бұрын
Полностью поддерживаю.
@SemenAlexndrovich
@SemenAlexndrovich 3 жыл бұрын
Спасибо! Отличный урок!
@prosto_razrabotka
@prosto_razrabotka 3 жыл бұрын
Спасибо
@SADOVYT
@SADOVYT 3 жыл бұрын
Вот это совпадение, сегодня должен был слайдер делать))
@Sashad2003
@Sashad2003 2 жыл бұрын
Спасибо. Очень помогло ваше видео
@bublik8961
@bublik8961 4 жыл бұрын
Топ контент на русском! Спасибо за объяснение! У Вас отличные преподавательские навыки.
@prosto_razrabotka
@prosto_razrabotka 4 жыл бұрын
Благодарю
@yarko4766
@yarko4766 4 жыл бұрын
впервые вижу бонус для наглядного изображенния ввиде листка (лайк) . Еше так с Вами jQuery подтяну
@prosto_razrabotka
@prosto_razrabotka 4 жыл бұрын
Ну а чего бы и не показать -)
@tartarus2921
@tartarus2921 4 жыл бұрын
Спасибо за видео!
@prosto_razrabotka
@prosto_razrabotka 4 жыл бұрын
Не за что)
@alexandermediantsev6354
@alexandermediantsev6354 2 жыл бұрын
Спасибо за урок!!! Супер! А как на счет размещения нескольких слайдеров на одной странице? Будет работать?
@grrrrrrrrrya
@grrrrrrrrrya 2 ай бұрын
Огромное спасибо)
@TheElement1000
@TheElement1000 2 жыл бұрын
Отлично все объяснил у меня получилось! Еще бы адаптив допилить на 576, думаю справлюсь))
@MoranKitz
@MoranKitz 4 жыл бұрын
Автор просто мастер своего дела! Низкий поклон Вам))))
@prosto_razrabotka
@prosto_razrabotka 4 жыл бұрын
Благодарю
@sergeygochakov2272
@sergeygochakov2272 4 жыл бұрын
Отличное видео спасибо. Подскажи пожалуйста, логика создания слайдера, всплывающих окон и т.д, одна как я понял. Селекторы, события, функции или в более сложных проектах вообще все по другому ?
@prosto_razrabotka
@prosto_razrabotka 4 жыл бұрын
Весь js строится на селекторах, функциях, событиях и куче других вещей -)
@kubris.developer
@kubris.developer 3 жыл бұрын
Спасибо за работу, только местами было очень быстро - еле понял, что вы там в конце удалили при переделке на чистый JS. Я про "$(document).ready(function(" - в начале и "});" - в конце. И его можно было ж заменить на "document.addEventListener('DOMContentLoaded', function(){", чтобы работало? Если я что-то не понимаю, то - сорри, мне просто нужно было слайдер скопипастить и слегка в нем разобраться, а он не заработал ))
@murodmazbutov2272
@murodmazbutov2272 2 жыл бұрын
Круто!!!
@user-zl6co1mu9z
@user-zl6co1mu9z 4 жыл бұрын
Спасибо, все четко А что за плагин такой, который позволяет курсор установить в нескольких местах сразу?
@prosto_razrabotka
@prosto_razrabotka 4 жыл бұрын
Это стандартный инструмент кажись любой IDE в нынешнее время. Про горячие клавиши и дополнения для VS Code можете посмотреть тут kzfaq.info/get/bejne/obaoedWFzbiWeYk.html
@jssecrets
@jssecrets Жыл бұрын
Amazing! 😍
@user-sl9by7he6i
@user-sl9by7he6i Жыл бұрын
Привет ! Подскажи пожалуйста как сделать слайдер на адаптиве к примеру на 320px -1блок и 1200px - 3блока. Я так понимаю нужно писать код который будет определять на каком устройстве открыт слайдер
@user-hc5ul3ds5u
@user-hc5ul3ds5u 4 жыл бұрын
Великолепно
@prosto_razrabotka
@prosto_razrabotka 4 жыл бұрын
Благодарю -)
@I_Galaxy
@I_Galaxy Ай бұрын
Подскажите пожалуйста как адаптировать его как изменить количество показываемых сладов на малых экранах ?
@sergeylatyshev4199
@sergeylatyshev4199 3 жыл бұрын
А закольцевать его очень сложно будет? без применения jquery?
@catfish_games
@catfish_games 3 жыл бұрын
Классный слайдер, но у меня вопрос, когда я делаю отступ между картинками то при скроле все ломается, как в этом случае правильно расчитать скролл для отступов?
@pavelp7148
@pavelp7148 3 жыл бұрын
Спасибо! Не работает.
@spyrav
@spyrav 3 жыл бұрын
Ты проверил ; ? потому что джава не терпит любые ошибки. Даже мелочные. Если хоть где-то в строке есть одна ошибка, джаваскрипт пойдет по пизде
@spyrav
@spyrav 3 жыл бұрын
рекомендую slick js если нужен слайдер и не хочешь изобретать велосипед. прогугли об этом
@Den_camrad
@Den_camrad 3 жыл бұрын
А ты jQ подключил?
@user-zb9qy9yc4b
@user-zb9qy9yc4b 3 жыл бұрын
@@spyrav что-то ты не то говоришь. Во-первых, ни один язык не терпит ни одной ошибки, не то что джава, хотя видео и не о нём, а о джаваскрипте. Во-вторых, джаваскрипту не нужны точки с запятой на концах инструкций. На моей памяти было всего 2 или 3 случая, когда без точки с запятой лезла ошибка: 1. Если ты собираешь проект и из кучи js файлов ты получаешь один - в конце (или в самом начале js файла) нужно ставить её, иначе интерпретатор не поймёт где конец предыдущего и начало следующего, и может быть вылезет ошибка. 2. Если ты проходишь методом forEach по массиву [] вот так: [first,second].forEach(item => {...}), js будет ругаться на то, что ты хочешь использовать first до инициализации... Третий не помню, он точно был, но мне кажется таких исключений намного больше
@timur23396
@timur23396 2 жыл бұрын
Ахахахаах арррррррр
@sashahoncharenko1730
@sashahoncharenko1730 4 жыл бұрын
не, ну это лайк господа!
@prosto_razrabotka
@prosto_razrabotka 4 жыл бұрын
Паасиб -)
@user-ul1mr7ze6x
@user-ul1mr7ze6x 2 жыл бұрын
не подскажете а как сделать его бесконечным?
@bosbos4888
@bosbos4888 3 жыл бұрын
огромное спасибо
@nodirayakubova6395
@nodirayakubova6395 4 жыл бұрын
Лайк за труд и старание очень помогли больше работы с Js
@prosto_razrabotka
@prosto_razrabotka 4 жыл бұрын
Спасибо
@JesseJames-mh5kb
@JesseJames-mh5kb 3 жыл бұрын
Ну слушай чувак, это лайк. И ничего тут не поделаешь. Единственное надо было сразу на JS писать. А то JQuery в 2020 году, такое себе...
@hynubi5830
@hynubi5830 3 жыл бұрын
У меня вопрос . У меня в слайдере 6 элементов видимых , но при уменьшение экрана их уже 5 , 4 и т.д как мне это исправить ?
@Sergey_Klimov
@Sergey_Klimov 2 жыл бұрын
Ещё было бы круто сделать дотсы специальные, на которые кликаешь и находишь нужный слайд)
@sviatbondar1721
@sviatbondar1721 Жыл бұрын
все очень понятно , спасибо. А как сделать слайдер который когда долистал до конца то при следующем клике показывается первый слайд , чтоб он был как бы шёл по кругу
@I_Galaxy
@I_Galaxy Ай бұрын
СПАСИБО БОЛЬШОЕ!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
@progerlife6690
@progerlife6690 3 жыл бұрын
Лайк и подписка на канал! Спасибо!
@username7148
@username7148 3 жыл бұрын
Большое спасибо за ролик! У меня остался вопрос: почему вы убрали min-width на 5:50 ? Никак не могу понять
@user-sz8qw4yp3f
@user-sz8qw4yp3f 3 жыл бұрын
Потому что скрипт сам рассчитывает какой ширины должен быть элемент, а minwidth = 200 говорит, что ширина элемента не может быть меньше 200. И вот попробуйте задать вывод 6ти элементов в контейнере в 600px.
@user-rl1sx7dp8f
@user-rl1sx7dp8f 2 жыл бұрын
Здравствуйте. Спасибо за видео. У меня получилось сделать шаблон по Вашему видео. И также получилось адаптировать данный способ на сайт. Подскажите, пожалуйста, что нужно сделать, если таких слайдеров на странице более одного. Работает только первый. Как запустить остальные?
@user-rl1sx7dp8f
@user-rl1sx7dp8f 2 жыл бұрын
На самом деле перелопатила много видео, Ваш слайдер оказался более понятным и быстрым.
@AnvarAdizov-pm6di
@AnvarAdizov-pm6di Жыл бұрын
а как правильное определить ItemWidth если между элементами слайдера есть margin ?? Чтобы элементы все красивенько целиком поместились в track и при скроле чобы работал с учетеом этих margin
@Lopa_boba
@Lopa_boba Жыл бұрын
ползунок мне даже интереснее :) я пытаюсь понять как правильно "окошко" сделать, чтоб отражало положение.
@anastas7880
@anastas7880 10 ай бұрын
Спасибо! А как адаптировать слайдер под мобилку?
@evgeshad3011
@evgeshad3011 3 жыл бұрын
Можно сделать зацикленный , чтобы например «вперед» можно было нажимать постоянно ? При достижении конца чтоб начиналось начало
@prosto_razrabotka
@prosto_razrabotka 3 жыл бұрын
Можно. Я не против.
@aau8
@aau8 2 жыл бұрын
Для тех, кто не понял последний шаг с расчетом ширины скролла, когда в конце меньше слайдов чем нужно проскроллить. Попробуйте использовать условие. const rightHiddenSlides = (slideCount - slidesToShow) * slideWidth prev.addEventListener('click', () => { position += movePosition if (position >= 0) { position = 0 } setPosition() checkBtns() }) next.addEventListener('click', () => { position -= movePosition if (position
@maximgorskij6155
@maximgorskij6155 4 жыл бұрын
Чувак, у тебя в середине ролика фокус на сове)) По идее это решается корректировкой освещения. А так видос топчик. Спасибо за контент
@prosto_razrabotka
@prosto_razrabotka 4 жыл бұрын
Так было задумано!)) Если серьёзно, то да, фокус теряет глаза (лицо), когда я пишу код и если внезапно начинаю говорить в камеру, он не успевает сообразить -) Я с этим как-то разберусь, спасибо за обратную связь.
@romanenkoonline
@romanenkoonline 3 жыл бұрын
Анимацию выполняет CSS, а JS лишь управляет этим процессом. Можно ли сделать хорошую анимацию на чистом JS?
@xeleos
@xeleos 3 жыл бұрын
классно кодишь)
@prosto_razrabotka
@prosto_razrabotka 3 жыл бұрын
Спасибо -)
@ValarM1
@ValarM1 3 жыл бұрын
Ты очень крутой, хочу добиться того же
@user-rv2yz8ox4d
@user-rv2yz8ox4d 4 жыл бұрын
Мне понравилось.
@prosto_razrabotka
@prosto_razrabotka 4 жыл бұрын
Мне тоже -)
@Carbonashka
@Carbonashka 3 жыл бұрын
Добрый день, спасибо большое за такой урок, просто прекрасно!!! И еще вопросик, а как писать сразу на нескольких строчках? какойто плагин или что?
@prosto_razrabotka
@prosto_razrabotka 3 жыл бұрын
КарбонашкаPlay мультикурсор. Это встроено в любой современный редактор
@Carbonashka
@Carbonashka 3 жыл бұрын
@@prosto_razrabotka так вы и не ответили))) есть какая-то комбинация клавиш, или еще что?)
@prosto_razrabotka
@prosto_razrabotka 3 жыл бұрын
Я ответил ключевым словом, по которому в интернете можно найти решение. Либо посмотреть видос на канале про горячие клавиши VS code и дополнения
@Carbonashka
@Carbonashka 3 жыл бұрын
@@prosto_razrabotka ладно. Спасибо
@melzolfoz270
@melzolfoz270 2 жыл бұрын
Почему ntnPrev.disabled = true или false не работает когда ntnPrev находит через jquery/ Я могу использовать только чистый js и искать кнопку через selector либо jquery и использовать именно prop. А найти кнопку через jquery и написать в аргумент disable как в обычном js не получается.
@kontorasb2754
@kontorasb2754 4 жыл бұрын
подскажи как сделать, чтоб после " : " (двоеточия), в стилях, сразу проставлялся пробел и " ; " (точка с запятой), как у тебя. После переустановки н емогу найти эту настройку.....
@numbersevenunderheaven1898
@numbersevenunderheaven1898 4 жыл бұрын
Гугли Emmet
@user-re2fy9lw1c
@user-re2fy9lw1c 2 жыл бұрын
Приветствую. Помогите пожалуйста разобраться. Верстая сайт возникла проблема. Есть ссылки на другие страницы сайта и есть слайдер на сайте. При нормальнй работе слайдера или вообще работе всех скриптов с добавлением js перестают работать ссылки на другие страницы сайта, при комментировании скрипта с js перестает работать всё что связано с js, но начинают работать ссылки. Надеюсь понятно объяснил)) Прошу помощи в этом вопросе.
@djdanksill8604
@djdanksill8604 4 жыл бұрын
Видео 👍👍👍👍👍 Вы можете снять видео о навигации только с клавиатуры (без мыши) в VScode - горячие клавиши, набрав сразу 2 или более строк и т. д. Или где можно найти эту информацию
@prosto_razrabotka
@prosto_razrabotka 4 жыл бұрын
На канале есть видео по дополнениям и горячим клавишам в VS Code
@blackevildragon9295
@blackevildragon9295 2 жыл бұрын
Немного не понятно, как это реализовать для картинок с разным разрешением, велосипед сломался((
@mrbatni3522
@mrbatni3522 3 жыл бұрын
Посмотрел чтоб понять принцип) понравилось, что ты объяснил логику! Но когда пишешь код.... что вообще происходит))) мне как новичку не понятно
@artemzelinskiy2890
@artemzelinskiy2890 4 жыл бұрын
а какую ide ты юзаешь и какую посоветуешь для новичков?
@prosto_razrabotka
@prosto_razrabotka 4 жыл бұрын
Юзаю VS Code. Советую -)
@artemzelinskiy2890
@artemzelinskiy2890 4 жыл бұрын
@@prosto_razrabotka благодарю
@anesthetic7541
@anesthetic7541 3 жыл бұрын
А как jquery подключить правильно ?
@ilyalavrentyev4041
@ilyalavrentyev4041 3 жыл бұрын
А можно хотя бы намек как сделать цикличную прокрутку?
@zordig
@zordig 4 жыл бұрын
Всё круто, но пока ни хрена не понятно, надеюсь когда нибудь догоню это JS))
@pryanik150
@pryanik150 4 жыл бұрын
Что-то необычное на русскоязычном Ютубе
@prosto_razrabotka
@prosto_razrabotka 4 жыл бұрын
Как вам велосипед?)
@mazya.youtube
@mazya.youtube 4 жыл бұрын
Офигенный, пойду свой теперь скручу и попробую что-то добавить своего для развития :D
@Chewiee28
@Chewiee28 4 жыл бұрын
Что ж, как раз подойдёт для следующего проекта, спасибо))
@volodymyrselevertov
@volodymyrselevertov 4 жыл бұрын
Я думаю было бы неплохо сделать вторую часть и добавить возможность листать слайдер с помощью свайпов)
@callpack96
@callpack96 4 жыл бұрын
Он крутой, но если поменять расширение в браузере и не обновить страницу, то слайдер падает.Там нужно похимичить с resize ...
@volodymyrselevertov
@volodymyrselevertov 4 жыл бұрын
@@callpack96 хочу тебе подсказать как разработчик имеющий 1+ год опыта работы то, необязательно уметь разрабатывать слайдера самому, достаточно понимать как виджеты/плагины работают, и если для проекта нужен какой-то то из плагинов то лучше найти готовое решение и интегрировать в свой проект и настроить соответственно дизайну) (имею ввиду уметь использовать специальные плагины по типу slick , swiper, owl и тд)
@boldureans
@boldureans 4 жыл бұрын
Нужно больше JS!
@prosto_razrabotka
@prosto_razrabotka 4 жыл бұрын
Не все сразу -)
@daymaker_bybit
@daymaker_bybit 4 жыл бұрын
+1
@soankvan3114
@soankvan3114 Жыл бұрын
Can someone help me with obcrurus sliders? Why does they work only with wizards, vampires, mermaids but not with normal characters?
@user-vf9ot7sr5v
@user-vf9ot7sr5v 4 жыл бұрын
Как вы это делаете? и классы то у него прописаны так, что потом удобно переменные называть, и при transform в отдельную функцию вынес. Если взять все мои коммиты проекта и выстроить эволюцию кода, сложится ощущение, что к концу проекта я сошел с ума
@prosto_razrabotka
@prosto_razrabotka 4 жыл бұрын
Хахаха -)))
@user-iz7ry9ij5r
@user-iz7ry9ij5r 4 жыл бұрын
День добрый! Вопрос (если можно конечно): как зациклить?
@prosto_razrabotka
@prosto_razrabotka 4 жыл бұрын
Очень общий вопрос - лучше в телеграм чат с этим.
@ascilator7174
@ascilator7174 3 жыл бұрын
Узнал как зациклить?
@alexkruk4683
@alexkruk4683 3 жыл бұрын
@@ascilator7174 забей в поике "Бесконечный слайдер"
@user-ix3kj2vn6i
@user-ix3kj2vn6i 4 жыл бұрын
Здравствуйте. У меня вопрос. Изучаю самостоятельно хтмл и сиэсэс, и пришёл к выводу, что порой часть некоторых кодов я сам написал и сохранил в свои шаблоны, ещё есть в открытом доступе на разных форумах много других шаблонов кода, как и готовых архивов с готовыми сайтам, где руками просто изменить текст, поправить ширину, высоту, ссылки нужные прописать и ВСЁ! Сайт готов! При таких навыках, могу ли я называть себя верстальщиком сайтов?
@JesseJames-mh5kb
@JesseJames-mh5kb 3 жыл бұрын
Да, ты можешь называть себя фронтэнд разработчиком 89 уровня. Ведь поменять текст и ссылки на готовом шаблоне мало кто осилит.
@user-ix3kj2vn6i
@user-ix3kj2vn6i 3 жыл бұрын
@@JesseJames-mh5kb А Я ВОТ БАБУШКЕ ПОМОГ ВКЛЮЧИТЬ НОКИЮ 3310, И ПОСТАВИТЬ РИНГТОН БРИГАДЫ НА ЗВОНОК. ОНА СКАЗАЛА ЧТО Я ХАКЕР. НУ ШТОШ.. ТВОЙ ИСКРЕННИЙ ОТВЕТ ДАЛ МНЕ СИЛ И УВЕРЕННОСТИ В СЕБЕ. ТИПЕРЬ Я НЕ КАКОЙТО ТАМ ФРОНД В ЭНД, А ХАКИР МОБАЙЛ ЭПИПИ ДЖАВА ИКСИКСЭЛЬ.
@awenn2015
@awenn2015 3 жыл бұрын
Перед просмотром подумал, надеюсь он на ООП а не процедуре, так как их может быть несколько, что бы код сам рендерил разметку и тд, Оказалось что нет, жаль, придётся самому делать, интересно посмотреть реализацию на начальную позицию а не проматывание до конца
@evilive4
@evilive4 3 жыл бұрын
Когда описывается проверка на передвижение вперёд, мне кажется лучше назвать константу itemsRight, ибо именно то что осталось справа и считается
@prosto_razrabotka
@prosto_razrabotka 3 жыл бұрын
Left в переводе на русский означает «осталось», помимо того, что вы подумали
@evilive4
@evilive4 3 жыл бұрын
@@prosto_razrabotka кто как видит английский) спасибо за ответ, я не обратил сразу на это внимание
@user-ze8dx2or3p
@user-ze8dx2or3p 3 жыл бұрын
От jQuery отключается мозг * Следующее видео *
@GarageFIAT
@GarageFIAT 4 жыл бұрын
О!
@prosto_razrabotka
@prosto_razrabotka 4 жыл бұрын
А!
@ruslankirienko5867
@ruslankirienko5867 3 жыл бұрын
Спасибо тебе конечно большое, но почему ты не подошел к вопросу комплексно? У слайд-шоу помимо кнопок prev и next есть еще и "точки". Почему-бы не показать, как это реализовать вместе? Есть еще и моб. девайсы. Надо-бы людям объяснить, как работать с touch-событиями... "Нужно додумать самому", да?
How To Make Toggle Button Using HTML & CSS
5:27
MakeTechStuff
Рет қаралды 64 М.
Eccentric clown jack #short #angel #clown
00:33
Super Beauty team
Рет қаралды 29 МЛН
когда достали одноклассники!
00:49
БРУНО
Рет қаралды 4 МЛН
Make me the happiest man on earth... 🎁🥹
00:34
A4
Рет қаралды 7 МЛН
Black Magic 🪄 by Petkit Pura Max #cat #cats
00:38
Sonyakisa8 TT
Рет қаралды 37 МЛН
Как сделать табы на: чистом CSS / чистом JS / грязном jQuery?
26:33
Splide.js - Убийца Swiper'a? Обзор слайдера splide.js
5:53
Верстка звездатого рейтинга
8:36
Просто: разработка
Рет қаралды 14 М.
Как сделать Квиз (Quiz / Викторина / Опрос) на JS?
56:48
Просто: разработка
Рет қаралды 32 М.
Eccentric clown jack #short #angel #clown
00:33
Super Beauty team
Рет қаралды 29 МЛН