UI-компоненты №8. Слайдер с вертикальными превью

[@volklin]

Ждём !

[@АлександрМелянюк-ц9ю]

Спасибо!

[@tatyanaaverkova8378]

Большое спасибо.

[@arsenmanasuev4934]

Отличный контент то что нужно

[@KrasavchikSelivan]

Как раз нужно сделать на сайте точно такой же слайдер, сидел сегодня прикидывал, как это можно сделать, вечером открываю ютубчик - в первой строчке рекоммендаций это видео. Колдовство походу

[@x-diz]

Спасибо. Ая без модального окна обошелся. Стрелки прикрутил.

[@neonoviygonshik5199]

Почему у такого топового контента так мало просмотров????🙆🏻‍♂️🙆🏻‍♂️🙆🏻‍♂️

[@maxgraph]

Ну вот так))

[@HippoCrock]

потому что макет занимает больше места, чем код.

[@movieclips4848]

Спасибо классно можно продолжение 🙏🙏🙏

[@movieclips4848]

Спасибо вы бы не могли записать уроки по различным вариантом создания меню

[@maxgraph]

предложите, какие варианты хоть?)

[@YaniaRZ]

Интересно, только у меня получилось так, что я потратила кучу времени, чтобы понять, что нужно было указать параметр при инициализации "vertical" - чтобы заработал как надо? Я поняла, что он листает по горизонтали, а слайды расположены по вертикали - хотя почему так - не пойму, вроде и структуру и стили все взяла из урока

[@Alexus1504]

Максим, привет! Можешь сделать обучающее видео по бордерам? Допустим на сайте есть блок текста, который имеет бордер плавно переходящий в прозрачный примерно на середине блока. Также такой эффект можно сделать и кнопкам. Просто нашел в сети бесплатный макет, хотел сверстать , но столкнулся с данной проблемой! Все методы , мне знакомые испробовал, но не получилось сделать по макету. А эффект то классный!!! Пожалуйста запили видос!!!)))))

[@maxgraph]

может быть)

[@ТимофейБобыльков]

ахахах НАКАНЕЦТА

[@shumashok]

А для этого урока нужна библеотека jquery? У меня не открывается модальное окно, хотя делал один в один. В консоли пишет Uncaught ReferenceError: GraphModal is not defined at HTMLButtonElement.

[@maxgraph]

Не нужен. Вероятно отличия от урока все же есть)

[@shumashok]

@@maxgraph ого, приятно слышать ответ в такое время) у меня 4 утра)) буду искать что не так

[@getrogetro7509]

не работает если дублировать слайдер ещё один, условно 3 карточки с такой логикой должно быть. Как пофксить?

[@maxgraph]

Что конкретно не работает, какой код?

[@juleykhanibrahimov2391]

такая же проблема

[@lisofsky8151]

писать нужно более 7 слов для продвижения видео ! и лайкать чужие комменты ! п.с. если хотите сказать спасибо !

[@grandmaster5318]

Покажи пожалуйста как сделать чтобы менялись по наведению

[@maxgraph]

Ну по факту так же, но клик меняем на mouseover

[@alexbird1507]

А что случилось с макетом? На фигме весь текст прозрачный?

[@maxgraph]

Это что-то у вас)

[@alexbird1507]

@@maxgraph Перепроверил с телефона только что На последнем макете есть большой белый квадрат, который весь текст закрывает, на видео на том месте даже фон не белый, а серый. И там где МакБук сзади синий квадрат. Пересмотри, пожалуйста, ещё раз, а то ты меня пугаешь)

[@alexbird1507]

Я про макет, который относится к этому уроку.

[@ЗаурКеримов-д3к]

Привет! Помоги плиз. У меня ошибка slider.js:16 Uncaught TypeError: mySwiper.slideTo is not a function at HTMLLIElement. (slider.js:16) Не могу понять в чем дело, подключил все правильно. Сам слайд работает, а переключение нет(( У меня сайт на wordpress. Заранее благодарю))

[@maxgraph]

Не к той переменной применили метод slideTo видимо

[@ЗаурКеримов-д3к]

@@maxgraph Все ведь верно. document.addEventListener('DOMContentLoaded', () => { let mySwiper = new Swiper('.swiper-container', { slidesPerView: 1, }) const maxItems = 3; const sliderNavItems = document.querySelectorAll('.catalog-img-item'); sliderNavItems.forEach((el, index) => { el.setAttribute('data-index', index); el.addEventListener('click', (e) => { const index = parseInt(e.currentTarget.dataset.index); console.log(index) mySwiper.slideTo(index); }); }); }); Где ошибка понять не могу(((

[@НеЦенитель]

сколько надо учиться js чтобы там быстро писать код? просто красавчик!

[@maxgraph]

Да не так уж долго))

[@НеЦенитель]

@@maxgraph вам бы снять видео про то как учить язык, может какие то фишки расскажете, курсы и тд. Пополните коллекцию мегаполезных видео канала)

[@ant3413]

Сделай пожалуйста слайдер как у Puma у них норм работает.

[@maxgraph]

Посмотрю)

[@_oxios_]

А что так поздно?)

[@maxgraph]

тестирую, прав ли ютуб и статистика :D

[@HippoCrock]

я запутался в div....

[@maxgraph]

Это бывает, надо медленнее пересмотреть все)

[@alexeyfilippov42]

привет у тебя есть видео как сделать нестед сетс вложенные категории. и как их хранить в бд и работа с ними удалить переместить добавить. если кто то знает дайте ссылку в комментарий

[@maxgraph]

нет)

[@alexeyfilippov42]

@@maxgraph а есто планы выпустить?) в интернете есть всего парочка решений на Ютубе ни одного внятного с объяснением как сводить как вычислять лефт райт

[@maxgraph]

Нет)

[@povidlo6685]

нашел?

[@alexeyfilippov42]

@@povidlo6685 хотелось бы найти еще...

[@doniyorusmonov152]

Большое спасибо

[@maxgraph]

Пожалуйста)