Javascript Fancybox：如何通过链接更改上一个/下一个按钮

是否可以通过链接更改Fancybox中的“上一步”和“下一步”按钮

此代码之所以有效，是因为它是默认按钮previous按钮：

<a title="Previous" class="fancybox-nav fancybox-prev" href="javascript:;"><span></span></a>

我试图用文本替换标记，但无效

<a title="Previous" class="fancybox-nav fancybox-prev" href="javascript:;">NEXT</a>

但不起作用：(

你有解决办法吗

---

非常感谢您的回答

没有理由因为这样一个简单的更改而无法使用默认链接

以下是一些您可以尝试的东西：

• 在控制台中查看一下，看看是否有一些JS错误破坏了执行，阻止了上一个/下一个行为
• 确保代码中每个方向只有一个按钮（我对FancyBox的内部工作原理不太熟悉，但可能只有第一个选定的按钮起作用）
• 如果其他所有操作都失败，您可以使用提供的Fancybox公共方法添加自己的prev/next功能：$.Fancybox.next，$.Fancybox.prev（）

大致如下：

var $fancyBoxedEl = $("#gallery").fancybox();

$('a.prev').click(function(){
    $fancyBoxedEl.prev();
    return false;
})

---

希望这是hepls。

您可以使用

tpl

API选项设置您的文本，如：

$(".fancybox").fancybox({
    tpl: {
        next: '<a title="Next" class="fancybox-nav fancybox-next" href="javascript:;"><span>NEXT</span></a>',
        prev: '<a title="Previous" class="fancybox-nav fancybox-prev" href="javascript:;"><span>PREVIOUS</span></a>'
    }
});

---

请参见

“未工作”是什么意思？问题/错误是什么？请编辑您的答案以显示您尝试的代码。两个链接都是相同的。您想如何更改它？我已编辑：D我想在我的fancybox中添加一个链接，以替换Boutton的上一个和下一个链接。非常感谢，我使用它：Prévious；）

.fancybox-nav span {
    background: 0 none !important;
    color: #fff;
    font-weight: bold
}