如何在slick.js中使用我自己的图像作为上一个/下一个箭头？

Question

这就是我现在所拥有的：

JSFiddle：当我使用font-awesome

时

JSFiddle_2：当我尝试使用图片背景时

目前，我使用font-awesome作为箭头，现在我想加载自己的图标。

我试过了，但没有运气：

我现在已经挣扎了好一阵子。我希望有人可以帮我解决这个问题。

提前致谢。

Answer 1

基本上您需要做的就是将伪元素的content属性更改为相应的图像URL。

.slick-next:before {
    content:url(http://lorempixel.com/20/20/);
}
.slick-prev:before {
    content:url(http://lorempixel.com/20/20/);
}

JSFiddle Demo