Как менять значение при разном размере экрана?

Question

[Сергей Комолов]

Есть скрипт слайдера layer Slider 5.0 со следующими значениями

$( '#гslider' ).layerSlider( {
        responsiveUnder: 1000,
        autoStart:  true,
        firstLayer: 1,
        skin:       'erty2',
        skinsPath:  '/script/skin/'    
    } )

Как сделать чтобы значение responsiveUnder: 1000, менялось динамически в зависимости от разрешения экрана?

Заранее спасибо!

Answer 1

[Михаил Нестеров]

Можно получать текущую ширину окна или документа, например, если с шириной окна -

let responsiveUnder = 1000;
if ( window.screen.width < 900 ) {
        responsiveUnder = 900;
     // ...
}

далее, передаете в слайдер переменную responsiveUnder...

Comments

[Kovalsky]

А какой практический смысл имеет изменение параметра responsiveUnder? Если его значение прямо зависит от разрешения, то он ведь никогда не будет использован по назначению, и тогда можно будет либо просто отключить адаптивность сладера, либо наоборот сделать его всегда адаптивным

Answer 2

[Spaceoddity]

https://developer.mozilla.org/en-US/docs/Web/API/M...

Answer 3

[Сергей Комолов]

Спасибо за Ваши предложения!!! Решил отказаться от этого скрипта в пользу slick...