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");
}