0

尾声滑块：

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
  • coda-slider.js

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

4

1 回答 1

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');
};

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

于 2012-08-08T22:03:09.050 回答