Slider arasında boşluk bıraktığınızda en sağdaki sliderin sağında boşluk olmasının nedeni, slider elemanlarını kaydırdığınızda, elemanların sağ kenarlarının sonunda boşluk bırakmanızdır. Bu boşluktan kurtulmak için aşağıdaki adımları takip edebilirsiniz:


Öncelikle .gwpSlider-item sınıfına sahip elemanların sağ kenarında boşluk bırakmayı kaldırın. Bu, elemanların genişliğini ayarlarken sağ kenar boşluğunu dikkate almayacakları anlamına gelir. Kodunuzda şu satırları güncelleyin:

gwpSlider-item {    box-sizing: border-box;    display: flex;    float: left;    align-items: center;    justify-content: center;    font-size: 2em;    user-select: none;    margin-right: 0; /* Sağ kenar boşluğunu kaldırın */ }

Slider container'ının genişliğini, elemanların toplam genişliğine eşitleyin ve böylece elemanlar arasında boşluk bırakmadan sığmasını sağlayın. Kodunuzdaki bu satırları güncelleyin:

var sliderTotalWidth = sliderWidth * $this.find(".gwpSlider-item").length;$this.find(".gwpSlider-container").width(sliderTotalWidth);

Yukarıdaki değişikliklerle, slider elemanları arasında boşluk bırakmadan çalışan bir slider elde etmelisiniz. Bu değişikliklerle en sağdaki sliderin sağında boşluk olmamalıdır.

via ChatGPT / Ne kadar doğru bilemem.