Foknik
12.03.2017, 10:24
Добрый день господа гуру кодинга!!!
Я новичек в jQ и хотел у вас просиь помощи!
На сайте есть слайдер вот его настройки для десктопа (монитора)
<script>
$(document).ready(function(){
$('.slide-content').slick({
infinite: true,
slidesToShow: 3,
slidesToScroll: 1,
arrows: true,
prevArrow:'<div class="prev"></div>',
nextArrow:'<div class="next"></div>',
if('window-size')
});
});
</script>
то-есть в данный момент задано в настройке что показывать 3 елемента слайдера (slidesToShow: 3,), а при нажатии на прокрутку скролить 1 елемента слайдера (slidesToScroll: 1,)
Как приписать в скрипте чтобы при ширине экрана 992 px и меньше, стало slidesToShow: 2 вместо slidesToShow: 3 а при ширине экрана 768 и меньше стало slidesToShow: 1 ? Буду очень благодарен за ответ!!!
Я новичек в jQ и хотел у вас просиь помощи!
На сайте есть слайдер вот его настройки для десктопа (монитора)
<script>
$(document).ready(function(){
$('.slide-content').slick({
infinite: true,
slidesToShow: 3,
slidesToScroll: 1,
arrows: true,
prevArrow:'<div class="prev"></div>',
nextArrow:'<div class="next"></div>',
if('window-size')
});
});
</script>
то-есть в данный момент задано в настройке что показывать 3 елемента слайдера (slidesToShow: 3,), а при нажатии на прокрутку скролить 1 елемента слайдера (slidesToScroll: 1,)
Как приписать в скрипте чтобы при ширине экрана 992 px и меньше, стало slidesToShow: 2 вместо slidesToShow: 3 а при ширине экрана 768 и меньше стало slidesToShow: 1 ? Буду очень благодарен за ответ!!!