如何将导航链接(点)添加到光滑的灯箱?
How to add navigation links (dots) to slick lightbox?
我有slick carousel and slick lightbox.
后者没有点或导航链接。如何添加?
自从 lightbox 使用 slick 本身:
- 将
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 };
//...
}
- 添加样式以使其可用
.slick-dots {
bottom: 0;
}
.slick-dots li button::before {
color: #9f9f9f;
}
.slick-dots li.slick-active button::before {
color: white;
}
我有slick carousel and slick lightbox.
后者没有点或导航链接。如何添加?
自从 lightbox 使用 slick 本身:
- 将
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 };
//...
}
- 添加样式以使其可用
.slick-dots {
bottom: 0;
}
.slick-dots li button::before {
color: #9f9f9f;
}
.slick-dots li.slick-active button::before {
color: white;
}