javascript - 根据当前幻灯片删除 "Previous"和 "Next"

Question

我正在尝试根据当前幻灯片删除/隐藏“上一张”或“下一张”按钮。

如果用户已经到达终点，他只能向后移动，如果用户在起点，他只能前进。

我正在使用 AnythingSlider jQuery 插件。可以在这里找到:http://css-tricks.com/anythingslider-jquery-plugin/

JavaScript 代码可以在这里找到:https://github.com/CSS-Tricks/AnythingSlider/blob/master/js/jquery.anythingslider.js

悬停，我更愿意将参数传递给任何 slider 函数。因为我相信这会让它更加用户友好(特别是对于那些将来会阅读这个问题的人)。

基本上我们正在讨论添加一个新选项。

提前谢谢您。

Answer 1

所以让我们从逻辑思维开始。我们需要找到什么？单击下一张幻灯片按钮后，我们需要隐藏下一个箭头。或者，如果“上一张幻灯片”按钮是第一张图像 - 我们需要隐藏“上一张”按钮。所以..似乎首先我们需要找到滚动页面操作。
我查看了代码(天啊……900行)，终于在第518行找到了这样的代码:

base.gotoPage = function(page, autoplay, callback, time) {

调用此函数可将页面从一个页面滚动到另一个页面。所以我们“需要更深入”。在代码中我们可以找到导航更新功能。 第 569 行:

// Set visual
if (o.buildNavigation){
    base.setNavigation(base.targetPage);
}

我们需要的只是添加隐藏箭头的新功能，并简单检查它是最后一页还是第一页。让我们开始(在第 572 行插入之后):

if (o.showNullArrows){
    base.hideNullArrows(base.targetPage);
}

所以我们在这里绑定(bind)了 Action 。让我们向下滚动一点并粘贴完整的函数代码。例如，在第 692 行之后:

base.hideNullArrows = function(page){
    if(page==0) 
        base.$back.hide();
    if(page==base.pages) 
        base.$forward.hide();
};

好的，现在我们在更改页面后有了完整的工作绑定(bind)操作调用。但是..还有另一个滚动页面的功能! 660行:

base.setCurrentPage = function(page, move) {

嗯..我想..现在你知道该怎么处理这个了。祝你好运:)