Question

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

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

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

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

悬停，我宁愿将参数传递给任何滑块函数。因为我相信它会使它更加用户友好（特别是那些将来会阅读这个问题的人）。

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

提前谢谢。

Answer 1

让我们从逻辑思维开始吧。我们需要找到什么？单击下一个幻灯片按钮后，我们需要隐藏下一个箭头。或者如果Prev Slide按钮和它的第一张图像 - 我们需要隐藏prev按钮。所以......起初我们需要找到滚动页面动作我查看了代码（天啊...... 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);
}

所以我们在这里结合了行动。让我们向下滚动一下并粘贴完整的功能代码。例如，在第692行之后：

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

好的，现在我们在更改页面后有完整的工作绑定动作调用。但是..还有另一个滚动页面的功能！ 第660行：

base.setCurrentPage = function(page, move) {

嗯..我猜..现在你知道现在用这个做什么。祝你好运：）

Answer 2

它在文档中。你必须搜索一下：）。

这是一个jsfiddle： http://jsfiddle.net/Mottie/ycUB6/85/

$('#slider').anythingSlider({

    // if false, the slider will not wrap
    infiniteSlides: false,

    // If true & the slideshow is active, the  slideshow will stop on the last page. This also stops the rewind effect  when infiniteSlides is false.
    stopAtEnd: true

});

Answer 3

你应该尝试自己查看代码，然后在中间的某处创建一个if语句，并尝试找到某种键来告诉你在哪个图像上。

根据当前幻灯片删除“上一页”和“下一页”

3 个答案: