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

Question

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

我已经分析了插件的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");
}