在光滑的旋转木马中,我希望我的中心滑块图像具有边距顶部

时间:2018-06-11 16:21:50

标签: javascript slick.js

我在页面上显示三张图像,我希望通过滑动进入中心的图像应该有边缘顶部,这意味着我的中心图像应该稍微低于其他两个图像,这两个图像位于两侧图像。

2 个答案:

答案 0 :(得分:2)

如果您使用的是centerMode:true,那么应用于中间元素的.slick-center类。您可以创建一个css规则,如:

int total = 0;
for(int i = 0; i < adapter.getItemCount(); i++){
    TextView text = ((TextView) recyclerView.findViewHolderForAdapterPosition(i)
            .itemView.findViewById(R.id.memeView));
    total = total + Integer.parseInt(text.getText().toString());
}

答案 1 :(得分:0)

如果您没有启用centerMode:true,并且出于某种原因无法启用它,则可以始终定位.slick-current类(这将是三个幻灯片中的第一个显示,然后像这样定位它的相邻兄弟:

.slick-current + .slick-slide {
    margin-top: 20px;
}

但是,如果您可以使用这两个选项,我建议您使用Tutch的答案,因为它可以在您可以动态增加/减少幻灯片计数的情况下更好地扩展。