自定义jQuery插件fullPage.js的滑块组件的下一个/上一个箭头按钮

Question

我正在使用jQuery插件fullPage.js。滑块组件实现两个箭头作为下一个/上一个按钮，我需要使用自定义按钮更改，特别是图像。

我已经在插件的CSS文件中进行了分析，但考虑到实际上我并不是html / css代码的专家，并且按钮的功能似乎不使用图像用于后者，我是无法进行修改。

有人有解决方案吗？

fullPage.js GitHub存储库的链接：https://github.com/alvarotrigo/fullPage.js

Answer 1

假设您的图片尺寸为50x90像素......

.fp-controlArrow .fp-next,
.fp-controlArrow .fp-prev {
   border: none;
   width: 50px;
   height: 90px;
}
.fp-controlArrow .fp-prev {
    background: url("/path/to/image-prev.png");
}
.fp-controlArrow .fp-next {
    background: url("/path/to/image-next.png");
}