当前位置:  开发笔记 > 编程语言 > 正文

Slick.js如何在旋转木马中心对齐图像?

如何解决《Slick.js如何在旋转木马中心对齐图像?》经验,为你挑选了2个好方法。

默认情况下,图像在左侧对齐.使用设置centerMode: true,图像从左侧对齐几个像素,下一个图像的边缘从右侧窥视,如图所示:

在此输入图像描述

这些是使用的设置:

for (var i in data.image_set) {
    sc.append('
'); } sc.slick({ dots: true, speed: 150, centerMode: true });

我想让滑块在中心只显示一个图像,并且可选地分别在左侧和右侧部分可见前一图像和下一图像.如何实现这一目标?

$(document).ready(function() {
  $('.sc').slick({
    dots: true,
    speed: 150,
    centerMode: true
  });
});
.sc img {
  height: calc(50vh - 100px);
  width: auto;
}























    
低调pasta_730
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有