fullpage.js如何创建幻灯片自定义图像导航点？

问题描述

我在我的项目中使用fullPage.js整页滑块。但我需要自定义图像作为导航点。我也搜索了fullPage文档。但我找不到解决方案。任何人都知道这一点，谢谢。

I am using fullPage.js fullpage slider in my project. but i need the customized image as navigation dots. I searched the fullPage documentation also. but i cant find out the solutions. Anybody know about this, Thanks in advance.

推荐答案

使用此代码，它将满足您的需求。

Use this code and it will solve your needs.

.fp-slidesNav ul li:hover a.active span{
    background-image:  url("../img/bullets.png");
    height: 22px;
    width: 22px;
    margin: -6px 0 0 -6px;
    border-radius: 100%;
}

此CSS代码启用项目符号滑块上的图片。

This css code enable bullet images on your slider.

这篇关于fullpage.js如何创建幻灯片自定义图像导航点？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！