如何将导航链接点添加到光滑的灯箱?

问题描述

我有slick carouselslick lightbox

后者没有点或导航链接。如何添加它们?

解决方法

由于灯箱使用滑盖本身:

  1. dots : true添加到 dist / slick-lightbox.js (或重建Coffeescript)
SlickLightbox.prototype.initSlick = function (index) {
/* Runs slick by default,using `options.slick` if provided. If `options.slick` is a function,it gets fired instead of us initializing slick. Merges in initialSlide option. */
  var additional;
  additional = { initialSlide: index,dots:true };
  //...
}
  1. 添加样式以使其可用
.slick-dots {
    bottom: 0;
}

.slick-dots li button::before {
    color: #9f9f9f;
}

.slick-dots li.slick-active button::before {
    color: white;
}