如何使用带有缩略图滑块的光滑滑块创建自定义滑块?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何使用带有缩略图滑块的光滑滑块创建自定义滑块?相关的知识,希望对你有一定的参考价值。

我正在开发一个具有光滑滑块的项目。我想制作一个与https://www.masterclass.com相同的自定义光滑滑块。一旦你点击拇指它会将你重定向到某个地方它将改变主滑块图像,而你点击箭头它将改变滑块。我已经浏览了这个网站http://kenwheeler.github.io/slick/但它不是我想要的。谢谢

答案

如果你去http://kenwheeler.github.io/slick/找一个滑块同步的发现,它会显示一个与你描述的非常相似的演示。

要在单击时使用幻灯片重定向,在html中,使幻灯片内容链接指向您想要去的任何位置的href。

除非我错过了你的意图,否则这几乎就是https://www.masterclass.com上显示的滑块行为。

如果这有帮助,请告诉我!祝好运!

以上是关于如何使用带有缩略图滑块的光滑滑块创建自定义滑块?的主要内容,如果未能解决你的问题,请参考以下文章

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

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

滑动滑块的自定义上一个和下一个按钮

使用光滑滑块作为另一个滑块的导航,该滑块在ajax加载方法调用时打开

如何在光滑的滑块中创建自定义箭头以在悬停时更改图像?

UISlider 具有不均匀的步骤。