我是第一次与Slick Carousel合作.我目前正在处理的项目需要通过CDN加载的大多数文件.如何替换通过托管Jquery加载的"Next"和"Previous"的默认按钮？

截至目前,它只是一个带有Text的按钮,我想用FontAwesome箭头图标替换它.

 One Slider At a Time 

    
1
    
2
    
3
  

这是我的演示

使用CSS来指定content的.slick-prev::before和.slick-next::before:

.slick-prev::before {
  content: "<";
}
.slick-next::before {
  content: ">";
}

https://jsfiddle.net/ryanpcmcquen/z6qoz1mh/

如果你想使用FontAwesome只需加载它并指定unicode字符作为内容,例如:

.slick-prev::before, .slick-next::before {
  font-family: FontAwesome;
}
.slick-prev::before {
  /* fa-arrow-circle-left */
  content: "\f0a8";
}
.slick-next::before {
  /* fa-arrow-circle-right */
  content: "\f0a9";
}