Bu Slidere otomatik oynatma ekleyebilirmiyiz?
Merhabalar bir yazarlar bölümü oluşturmak için slider arayışlarına grdim.Bu bulduğum gayet güzel işimi görüyor ama buna otomatik oynatma şansımız var mı ?
Slider Kodu : https://codepen.io/springuper/pen/vJmXaG
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (1)
Hocam yapabildiğim en kısa çözüm bu.
Otomatik olarak oynatacak ve sonuna geldiğinde otomatik olarak başa alııyor.
Bunu sona ekleyebilirsiniz.
setInterval(() => {
const sliderWidth = sheets.getBoundingClientRect().width;
const sliderScrollWidth = sheets.scrollWidth;
const offset = parseFloat(sheets.style.left) || 0;
if (-offset + sliderWidth < sliderScrollWidth) {
sheets.style.left = `${offset - sliderWidth}px`;
} else {
sheets.style.left = '0px';
}
}, 5 * 1000); // 5 yerine saniye cinsinden bir sayı yazabilirsiniz