Question

Coda Slider：

http://jqueryfordesigners.com/coda-slider-effect/

我最近在我的网页上实现了Coda Slider，但我遇到了一个问题。问题更像是一个实现，我想知道的是，如果用户在第一张幻灯片上，则更改/禁用左键，如果用户在右侧幻灯片上，则更改/禁用右键。用户不能按左按钮转到最后一张幻灯片，右按钮一直滚动到第一张幻灯片。我想禁用该功能。

我试着查看代码并查看我必须更改或添加代码但无法确定的位置。有人可以帮忙吗？

实施例：我有四张幻灯片（0-3）我添加了什么代码，因此当我滚动到幻灯片0时隐藏了左键（id = leftb），当我滚动到幻灯片3时隐藏了右键（id = rightb）。添加了以下代码：

if (n<0) { //if on first slide make left button hidden and right button visible
if (document.getElementById) { 
document.getElementById('leftb').style.visibility = 'hidden'; 
document.getElementById('rightb').style.visibility = 'visible'; 
}}
if (n==0 || n==1 || n ==2) { //if on second and third slides make both button visible
if (document.getElementById) { 
document.getElementById('leftb').style.visibility = 'visible'; 
document.getElementById('rightb').style.visibility = 'visible'; 
}}

if (n>2) { //if on last slide make right button hidden and left button visible
if (document.getElementById) { 
document.getElementById('leftb').style.visibility = 'visible'; 
document.getElementById('rightb').style.visibility = 'hidden'; 
}}

我认为上面的代码在隐藏和显示基于幻灯片编号的导航按钮方面是有意义的，但它不起作用。

有什么想法吗？

修改的

我目前拥有的文件版本是：

的jquery-1.2.6.js的
jquery.easing.1.3.js
jquery.localscroll-1.2.5.js
jquery.scrollTo-1.3.3.js
jquery.serialScroll-1.2.1.js
尾-slider.js

我从github下载哪些文件并在我的服务器上更新以使其正常工作？

Answer 1

我已经将serialScroll分叉以添加此功能。您现在有一个'wrap'选项，您可以将其设置为false以禁用。您可以在github上查看我的提交以查看详细信息：

https://github.com/lperrin/jquery.serialScroll

基本上，我添加了checkDisableWrap：

function checkDisableControls( pos, limit ){
  $(settings.prev).css('visibility', pos <= 0 ? 'hidden' : 'visible');
  $(settings.next).css('visibility', pos >= limit ? 'hidden' : 'visible');
};

每次插件滚动时都会触发。

在Coda Slider中编辑jquery.serialScroll-1.2.1.js

1 个答案: