Спасибо за простой вариант создания своего слайдера! Реально спасибо! Лично я, который обычный слайдер не может создать на js, помогли твои уроки. Жаль что забросил, большое будущее было бы.
Насчет padding-top, на 29:30 - там можно просто посчитать процент поделив высоту на ширину изображения слайдера. 647px/1920px=0.33697916667 ну или 33.7%)
наверное поздно, но если у кого-то будет повторяться то нужно указать background-repeat: no-repeat; (почитайте там подробнее про это) и фон не будет повторяться
Для кнопок слайдера, желательно еще добавить outline: none; . Лично у меня появляется этот синеватый бордер выделения элемента. .slider .owl-dot { display: inline-block; margin: 0 0.40625rem; outline:none; }
подскажите, пожалуйста, у меня не отображается слайдер. Причем в скачанном вашем файле тоже. в чем может быть причина. Блокировщики отключены. Пробовала 2 разными браузерами
Э, народ, на отключенной яве, или если что сглючит, эти блоки все вообще схлопнутся и не отобразятся никак, проверьте! Нельзя так верстать, инфа потеряется внутри слайдера, а там может быть еще что-то написано, и ссылки, меню быть!
Спасибо за простой вариант создания своего слайдера! Реально спасибо! Лично я, который обычный слайдер не может создать на js, помогли твои уроки. Жаль что забросил, большое будущее было бы.
Спасибо за подробную информацию 💓
Как же это круто,спасибо большое за супер простые и доходчивые уроки,Александ!
Насчет padding-top, на 29:30 - там можно просто посчитать процент поделив высоту на ширину изображения слайдера. 647px/1920px=0.33697916667 ну или 33.7%)
Подскажите пожалуста у меня проблема в том что картинка повторяется три раза сверху вниз, соответсвенно слайдер не работает, что с этим делать..?.
У меня та же проблема возникла! Получилось решить, Николай?
наверное поздно, но если у кого-то будет повторяться то нужно указать background-repeat: no-repeat; (почитайте там подробнее про это) и фон не будет повторяться
@@skily4866 нет как раз вовремя)
Большое спасибо) все получилось, вы отличный учитель)
Для кнопок слайдера, желательно еще добавить outline: none; . Лично у меня появляется этот синеватый бордер выделения элемента.
.slider .owl-dot {
display: inline-block;
margin: 0 0.40625rem;
outline:none;
}
Про cms-системы бы ещё уроков и про то, как на них натягивается вёрстка
Спасибо!
Не знал про padding-top, взамен height. Очень удивило..
Вы прекрасны!
извиняюсь, не туда))
Veive Kaktycs нет, нет, вы правы
)) не буду спорить
на JQuery
developers.google.com/speed/libraries/
на OwlCarousel
owlcarousel2.github.io/OwlCarousel2/
Спасибо большое за прекрасные уроки, но я не вижу ссылок под видео на jquery и owlcarousel2.
Скажите пожалуйста как слелать еще на owl carousel кроме нижних переключателей боковые пепеключатели（стрелки например）???
эх, только чуть transition:all .5s; не хватает для owl-dot, что бы не так резко вспыхивал bacground для них и при наведении.
подскажите, пожалуйста, у меня не отображается слайдер. Причем в скачанном вашем файле тоже. в чем может быть причина. Блокировщики отключены. Пробовала 2 разными браузерами
Вот у меня такая же ерунда! В консоле пишется , что файл не найден
Та же фигня. Его просто не видно, высоту отображает в 0.
Спасибо большое, кстати, настройка точек есть в owl.carousel.css
Почему у меня нет в фотошопе в списке "Экспортировать как"? Что нужно сделать, чтобы появилось?
У меня так же не было, нашел это в сс 2017
тоже нашел в сс 2017 . в остальных версиях проблемы с этим ...
Э, народ, на отключенной яве, или если что сглючит, эти блоки все вообще схлопнутся и не отобразятся никак, проверьте! Нельзя так верстать, инфа потеряется внутри слайдера, а там может быть еще что-то написано, и ссылки, меню быть!