Javascript 使用滑动条仅旋转类,幻灯片数=幻灯片显示
我有3个滑块项目,我想显示所有3个,并使用滑动滑块旋转“滑动活动”类,这样我就可以显示隐藏文本通过这个类使用css。 我知道我可以用自定义js来做,但在slick slider中是否可能Javascript 使用滑动条仅旋转类,幻灯片数=幻灯片显示,javascript,css,slick.js,Javascript,Css,Slick.js,我有3个滑块项目,我想显示所有3个,并使用滑动滑块旋转“滑动活动”类,这样我就可以显示隐藏文本通过这个类使用css。 我知道我可以用自定义js来做,但在slick slider中是否可能 $('.slider_nav').slick({ slidesToShow: 3, centerMode: true, dots: true, autoplay: true }); 我认为在这种情况下,您不需要使用外部库,只要您可以使用jQuery手动执行,因为您已经在使用
$('.slider_nav').slick({
slidesToShow: 3,
centerMode: true,
dots: true,
autoplay: true
});
我认为在这种情况下,您不需要使用外部库,只要您可以使用jQuery手动执行,因为您已经在使用它了 我已经为你做了一个简单的例子,让你有一个想法,你可以继续你的设计/布局和动画
$('.item')。在('click',function()上{
$('.item').removeClass('active');
$(this.addClass('active');
})
.items{
显示器:flex;
}
.项目{
宽度:33%;
背景:#e7e7e7;
右边距:5px;
填充物:5px;
}
.item.active{
背景#E5863D;
}
.item.p{
显示:块;
}
.项目p{
显示:无;
}
项目1
第#1项的文本
项目2
第2项的文本
项目3
第#3项的文本
为什么不阅读slick slider文档和事件。请检查@HardikGodhani我在示例和文档中找不到任何内容,这就是我在这里发布的原因。您可以在init
事件中addClass
。如果可能,可以在codepen或JSFIDLE.in slick slider.slick current
类中添加演示,以便您可以使用此类来显示文本谢谢,但我提到我正在slick slider中寻求解决方案。