Ползунок Materialise CSS не отвечает?

Я делаю этот сайт: neongirslband.ru, первая строка - это собственно слайдер. Он хорошо работает для 1920 пикселей, однако фотографии обрезаются, если разрешение ниже (например, на телефонах и планшетах). Как сделать так, чтобы фото изменялось в соответствии с текущим разрешением? Я делаю что-то не так здесь?

Сайт размещен на github: https://github.com/AlexKotik/NeonSite.

...
<div class="row" id="Photo">            
       <div class="slider">
            <ul class="slides">
                <li><img src="img/1.jpg"></li>
                <li><img src="img/2.jpg"></li>
                <li><img src="img/3.jpg"></li>
            </ul>
        </div>
</div>
...
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/materialize.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('.slider').slider({ 
            fullWidth: true,
            interval: 5000,
            height: 800                
        });
    });        
</script>

css materialize
person Leff Ivanov    schedule 10.04.2017    source источник
comment
Вы можете просмотреть эту демонстрацию Codepen Slider и карусели, которые реагируют. codepen.io/nirajtech/pen/rmagaL   -  person Niraj    schedule 15.04.2017

Ответы (1)


arrow_upward
0
arrow_downward

трудно сказать, не видя ваш css (в вопросе), но, по-видимому, вы можете установить изображение в качестве фона, а затем использовать этот css

#image_container{
    /* change image to your image */
    background-image: url('http://mysite.xyz/img/myimage.png');
    background-size: contain;
}
person Jpsh    schedule 10.04.2017
comment
Я не использую какой-либо пользовательский css, только materialize.css по умолчанию, вы можете просмотреть исходный код страницы сайта. Я добавил ссылку на github с полным исходным кодом. Может я что-то там не так делаю, не могу понять. - person Leff Ivanov; 10.04.2017
comment
вы получите больше помощи, если сможете опубликовать код (html/css/javascript) в своем вопросе, поскольку большинство людей не будут переходить по внешним ссылкам. - person Jpsh; 10.04.2017