2012-09-09 48 views
0

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

如果用户已达到最终结果,他只能向后移动,如果他在开始,他只能前进。

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

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

哈弗,我宁愿将参数传递到任何滑块功能。因为我相信这会使它更加用户友好(特别是对于那些将来会阅读这个问题的人)。

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

预先感谢您。

回答

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 

});​ 
+0

我不寻找一个这样简单的方法。 “使用武力,卢克”! :) – StasGrin

+0

@StasGrinn K.I.S.S :) – Tosh

+0

该死的......我要为此拍摄自己!对不起,我的这种愚蠢的分心。 – Marco

-1

您应该尝试自己查看代码,并在中间的某处创建一条if语句,并尝试找到某种可以告诉您打开哪个图像的键。

+0

这就是我现在在做什么。如果我自己解决这个问题,我会回答我自己的问题。我还没有放弃。 但是,我真的很难做到这一点。这就是我在这里提出问题的原因。 – Marco

3

因此,让我们从逻辑思考开始。我们需要找到什么?点击下一个幻灯片按钮后,我们需要隐藏下一个箭头。或者如果上一张幻灯片按钮,它是第一张图片 - 我们需要隐藏上一个按钮。所以..起初我们需要找到滚动页面的动作。
我通过代码看(哦,上帝... 900条),并最终发现这样的代码就行:

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) { 

嗯...我想...你现在知道如何处理这个现在要做的。祝你好运:)

相关问题