我不喜欢 Swiper Slider 提供的拇指。因此,我希望它们具有自定义尺寸(例如矩形),最重要的是,它们位于主 slider 下方的中心。
API 调用“centerSlides”并没有将它们设置为居中,而是向右发光。
一些建议?
最佳答案
无法回答(知道为什么)- 你的拇指没有对齐中心。
看看我做的例子(工作正常//没有问题): https://codepen.io/ezra_siton/pen/XWrBzMp
一般情况:大多数时候您通过 CSS 设置缩略图大小:
.gallery-thumbs .swiper-slide {
width: 20%;
height: 100%;
}
在这种情况下,将 JS 设置下的 slidesPerView 更改为 auto
:
slidesPerView: "auto",
SUM: 如果您设置 slidePerView: auto
(使用您想要的任何样式),则与 Swiper 无关的缩略图的大小/宽度/样式。当然,拇指的大小也与里面的内容(盒子模型)有关。
关于center - 如何将自定义宽度的 Swiper Slider 拇指居中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57707227/