спасибо, сейчас так же найду у вас на канале чтобы можно было и вправо листать, и чтобы он сам листался по таймеру, ну и стрелочки с кружечками добавить)))
Я *тот который заметил опечатку но не исправил ее потому что сомневался в правильности выбора: Я ВСЕГО ЛИШЬ СЛЕПО ВЕРИЛ ТЕБЕ!!1!! А ТЫ ПОСМЕЛ ТАК НАГЛО ОБМАНУТЬ МЕНЯ!!!!!
Я думаю в современных реалиях использовать query селекторы и присваивать функции на "on-события" это, скажем так, непрофессионально. Намного лучше использовать альтернативы в виде getElement.. и addEventListener, потому что при использовании query-селекторов по сути парсится весь документ, а при использовании getElement нужный элемент берется из "дерева узлов", который современные браузеры делают на лету. Если в присвоенной на on-событие функции пойдет что-то не то, например она будет долго выполнятся, то на время выполнения заморозится весь документ, а с использование AddEventListener такого не будет. Вы конечно можете сказать, что это сделано "для поддержки старых браузеров", но зачем тогда использовать let, вместо var? Забавно смотреть на такие неграмотные примеры от людей, которые продают курсы.
урок как всегда интересный, качественный и понятный! Спасибо Вам огромное за время и труд которое Вы тратите на уроки для нас!!!!))) Вы лучший преподаватель!!!
Вы очень доступно и понятно объясняете, за это огромное спасибо. Учусь на itgid, по вашим видио. Решил приобрести необходимые мне курсы. Также хочу добавить, Vue.js и Angular - хотел бы видеть на itgid. Что я бы изменил в слайдере: слайдер сам должен переключать изображения (по тайму).
Классное видео! Спасибо!:) Делал бесконечный слайдер через индексы слайдов, а тут через удаление и вставку, круто!:) Будет здорово, если появится урок по слайдеру через индексы слайдов:)
Александр, спасибо! Очень полезный контент. Я потратил много времени, чтобы заставить слайдер листаться вправо. Но, к сожалению, не получается. Может подскажете как это сделать? Заранее спасибо!
Классное решение! Буквально на днях пришлось на одном из сайтов переделывать бесконечный слайдер. Но остановился на варианте, когда все слайды быстро перелистываются к первому. И еще был такой момент, что слайдер, работающий в автоматическом режиме, в случае, если пользователь не закрыл страницу, а открыл новую вкладку или просто перешел в уже открытую вкладку на какое-то время и потом возвращается на страницу со слайдером, то слайды начинают быстро мелькать, как бы догоняя упущенное время)) После того, как они "догнали" время, слайдер начинает работать в нормальном режиме. Александр, я думаю, что вы тоже с таким сталкивались. Хотелось бы узнать, есть ли у вас для такого случая решения? Я нашел решение этой проблемы. Но хотелось бы узнать и ваше
Я знаю, что уже старое видео, но при просмотре задумался, а не проще ли это сделать через три класса для изображения? Активного, которое будет по центру, класса left и класса right, привязать switch классов к счётчику и длине массива, который будет получать в себя все изображения в рамках блока слайдера и проходится по ним счётчиком? Прошу прощения, сам учусь и просто озвучиваю мысли.
Вот вы реализуете зацикленность добавлением-удалением картинок. Но что если элементы - не картинки, некий дивы с анимированным контентом внутри, которые так же нужно крутить-вертеть?
Давно искал такой слайдер. Пытаюсь реализовать добавление картинки в слайдер со страницы через форму добавления. Застрял. Подскажите плиз как это сделать, если не затруднит.
Да класс, на моем уровне это еще сложно, но я пока стараюсь познавать. Но вот классная задача, я думал, но пока не способен. Это слайдер, в котором центральный элемент становится больше остальных при прокрутке .
@@itgid ну я хочу увидеть анимации на js, а не на css. Видел слайдер, который прокручивается в две стороны, т.е картинка делится на две части и одна часть идет вверх а другая вниз, это тоже css? Было бы круто, еслиб были уроки про такие нестандартные анимации)
в css привязаться к vmin и постоянно через js определять размеры блока слайдера и подставлять это значение вместо 512 в infinity.js? длинно как-то.. как короче сделать?
спасибо за урок - видео супер! @@itgid как вариант - сделать вертикальную зацикленную прокрутку изображений по 5 в ряд (такое нескончаемое портфолио) (выводится на страницу скажем 15 изображений, всего имеется 45 (т.е. 30 не видны и подгружаются при прокрутке страницы колесом мышки или прокруткой на планшете), получается необходимо все изображения из html разбить на массивы по 5 и потом эти массивы подгружать (я так думаю)
Overflow к внешнему блоку слайдера применить. Текст прыгает потому, что мы не скрываем элементы, которые вылезают за пределы блока, чтобы понимать как работает слайдер.
Не совсем понятно, почему, если document.onclick = null, эту функция отрабатывет в самый первый раз, сдвигая картинки, я так полагаю, раз указано это свойство, значит оно и первый раз не должно отработать.
Александр, спасибо за вашу работу! Отличный контент. У меня вопрос. После 3-ей картинки в слайдере 4-ая и 5-ая картинка отображаются пустыми, как и весь слайдер дальше после 3-ей картинки. Все картинки находятся в одном месте. Не могу понять, почему так происходит. Если кто-то понимает о чем идет речь, пожалуйста, помогите.)))
Получилось настроить в обратную сторону по аналогии, но что бы листалось вправо и влево при помощи кнопок - настроить так и не получилось(. можно сбросить вам код что б вы подсказали что не так?
Реализовал этот слайдер так же, но вместо HTML верстки в php попросил вывести все изображения в папке (на Вашем же курсе по php научился), и теперь вообще плевать сколько изображений надо вывести :) Теперь хочу через тег figure научиться это делать, что бы подписи тоже менялись...
@@dim_am наверно от уровня зависит, но мне, как нулю, хватило что бы продолжить самостоятельное обучение без особых заморочек (а если и появляются, то автор поддерживает даже после курсов)
Сделайте, пожалуйста, видео, в котором слайдер будет состоять не только из одних картинок, а и из блоков, в которых и img, и p, и div...У вас все видео про слайдер только из одних картинок, как сделать слайдер из блоков?
Проблему с многократным нажатием решил по другому. Этот вариант *гораздо* хуже. Я просто видео не досмотрел и решил эту задачку до продолжения просмотра. Может кому-то интересно будет. left = () => { let slides2 = document.querySelectorAll('.slide-single'), offset2 = 0; if (slides2.length == 2) { for (let i = 0; i < slides2.length; i++) { slides2[i].style.left = offset2 * 512 - 512 + "px"; offset2++; } setTimeout(() => { slides2[0].remove(); draw(); }, 1000) } else { for(let i = slides2.length; i > 2; i--){ slides2[i-1].remove(); } left(); } } Всего хорошего :)
капец, неужели это НАСТОЛЬКО ценный код, что его нельзя было расшарить? Боитесь за свой гитхаб - так сделайте пример в песочнице и выложите, в чем проблема? Без листинга тяжело разобраться