如何将水平幻灯片导航点更改为带有单词的链接?

时间:2016-04-25 15:58:42

标签: javascript jquery navbar horizontal-scrolling fullpage.js

我正在使用fullpage.js,并希望将水平导航点更改为单词(或普通链接)而不是点。这是横向导航示例:http://alvarotrigo.com/fullPage/examples/navigationH.html#secondPage

我对javascript不好,所以jquery.fullpage.js里面唯一的地方我找到了我可以插入的地方,这就是这部分:

    for(var i=0; i< numSlides; i++){
            nav.find('ul').append('<li><a href="#"><span>someones name</span></a></li>');

问题是它在每个点下面添加了“某人的名字”,因此我不知道如何在不同的点下使用不同的名称。如何分隔每个幻灯片和锚点,以及我的html应该是什么样的?

谢谢!

2 个答案:

答案 0 :(得分:0)

this other answer regarding using icons相同的方法。

基本上创建自己的导航并绑定到fullpage.js函数。

答案 1 :(得分:0)

如何添加此内容。你可以同时拥有点和标题。

navigationTooltips: ['Home', 'Second page', 'Third and last page'],
showActiveTooltip: true,

C