У меня есть несколько каруселей в одном HTML с использованием объектно-ориентированного подхода в ES5. Ползунки скользят автоматически каждый раз в разные промежутки времени. Во время изменения размера у меня есть функция resizeEverything()
, которая изменяет размеры всех компонентов в слайдере. Но проблема в том, что когда я изменяю размер окна, ориентация изображения нарушается.
Техника, которую я использую для построения карусели,
var moving=true;
setInterval(()=>{
//subtract wrapper.style.left by small factor until imageWidth
//clear Interval once destination has arrived and set moving=false
}
Теперь после изменения размера я хочу сбросить положениена currentIndex
style.left , когда перемещение становится ложным .
Я пробовал некоторые методы обещания, которые, похоже, не работают.
resizeEverything();
for(var i=0; i<carouselObjects.length; i++){
new Promise(function(resolve = ()=>{
wrappers[i].style.left = -(carouselObjects[i].currentIndex*carouselObjects[i].imageWidth);
}, reject = ()=>{
console.log("PROMISE ERROR");
}){
var myInterval = setInterval(()=>{
if(carouselObjects[i].moving==false){
clearInterval(myInterval);
resolve();
}
},500);
});
}