@maksplotnikoff

Остановить слайдер при определенном разрешении?

Использую на сайте Revolution Responsive jQuery Slider.
Вопрос: как сделать так, чтобы при разрешении меньшем 768px слайдер перестал листать картинки? При этом, первая должна остаться. Думаю медиа-запросы тут бесполезны, мне кажется тут нужно использовать javascript. Может кто нибудь подскажет как правильно это сделать?
Прилагаю код одного слайда.
<li data-transition="random" data-slotamount="7" data-masterspeed="300" data-saveperformance="off" data-title="Slide">
					<img src="images/slider/slide2_1.jpg" alt="slide2_1" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat">

					<div class="tp-caption hr-sl2-text sfl tp-resizeme" data-x="right" data-hoffset="-27" data-y="center" data-voffset="-137" data-speed="500" 
					data-start="500" data-easing="Strong.easeOut" data-splitin="none" data-splitout="none" data-elementdelay="0.1" data-endelementdelay="0.1" 
					data-endspeed="300">Learn how our<br></div>

					<div class="tp-caption hr-sl2-text sft tp-resizeme" data-x="right" data-hoffset="-107" data-y="center" data-voffset="-68" data-speed="500" 
					data-start="1000" data-easing="Strong.easeOut" data-splitin="none" data-splitout="none" data-elementdelay="0.1" data-endelementdelay="0.1" 
					data-endspeed="300">design-build<br></div>

					<div class="tp-caption hr-sl2-text sfr tp-resizeme" data-x="right" data-hoffset="-129" data-y="center" data-voffset="0" data-speed="500" 
					data-start="1500" data-easing="Strong.easeOut" data-splitin="none" data-splitout="none" data-elementdelay="0.1" data-endelementdelay="0.1" 
					data-endspeed="300">remodeling<br></div>

					<div class="tp-caption hr-sl2-text sfb tp-resizeme" data-x="right" data-hoffset="-43" data-y="center" data-voffset="68" data-speed="500" 
					data-start="2000" data-easing="Strong.easeOut" data-splitin="none" data-splitout="none" data-elementdelay="0.1" data-endelementdelay="0.1" 
					data-endspeed="300">process makes<br></div>

					<div class="tp-caption hr-sl2-text sfl tp-resizeme" data-x="right" data-hoffset="-11" data-y="center" data-voffset="135" data-speed="500" 
					data-start="2500" data-easing="Strong.easeOut" data-splitin="none" data-splitout="none" data-elementdelay="0.1" data-endelementdelay="0.1" 
					data-endspeed="300">your life easier</div>

				</li>
  • Вопрос задан
  • 1051 просмотр
Пригласить эксперта
Ответы на вопрос 1
webinar
@webinar
Учим yii: https://youtu.be/-WRMlGHLgRg
Зачем тогда скрипт листалки?
Проверяете перед инициализацией размер дисплея и либо инициализируйте скрипт либо удаляйте все кроме 1 картинки.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы