使用带有扭曲位置的slick.js的缩略图滑块

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用带有扭曲位置的slick.js的缩略图滑块相关的知识,希望对你有一定的参考价值。

我正在使用slick.js处理缩略图滑块。它适用于滑块,但定位失真。试图正确地重新调整它,但是在确定要选择的确切区域时受到了打击。

`https://codepen.io/isarathk/pen/JaBoaR`
答案

在与Slick Sliders玩了一段时间之后,我终于满足了这个要求。 codepen链接已发布在下面以供参考。

我们可以使用两个带有'asNavFor'属性的滑块,它将一个滑块移动的功能附加到其他滑块,同时为两个滑块显示导航。

问题中给出的codepen链接已经修改了答案,以供参考。

以上是关于使用带有扭曲位置的slick.js的缩略图滑块的主要内容,如果未能解决你的问题,请参考以下文章

光滑的缩略图滑块当前更改缩略图焦点需要悬停

css 更好的woocommerce缩略图滑块单个产品页面

php LIghtSlider - 图像轮播缩略图滑块与WordPress中的ACF

使用slick.js的“分层”滑块

Slick.js:滑动滑块未正确拖动(快速回到第一张幻灯片)

无法在页面上使用超过两个 owl carousel 2 缩略图