0

我一直在尝试让 jQuery 幻灯片（点击时）工作一段时间，但不知道我哪里出错了。我在这里使用 Ryan Florence 的 jQuery 幻灯片导航：

http://ryanflorence.com/jquery-slideshow/demos/slideshownav/

我在这里整理了一个 jsFiddle：

http://jsfiddle.net/hAvXt/3/

我确保包含 jQuery UI。他网站上的示例中包含三个 javascript 文件（demo.js、jquery.rf.slideshow.js、jquery.rf.slideshownav.js）。我已将它们全部放入 JSFiddle 的 javascript 部分。

基本上，当我单击正确的按钮时，它会将“幻灯片”div 更新为正确的内容，但它并没有给我过渡。起初我以为是因为我使用的是“divs”而不是图像，但我过去曾使用过他更简单的幻灯片和 divs 并且效果很好。非常感谢帮忙。

这是我的导航栏：

<div class="slideshow" id="slideshow" style="width:1105px; height:1402px;">
<div id="red" style="background-color:red;height:1402px; width:1105px;">TEST 1</div>
<div id="green" style="background-color:green;height:1402px; width:1105px;">TEST 2</div>
<div id="blue" style="background-color:blue;height:1402px; width:1105px;">TEST 3</div>
</div>

这是jQuery函数的实现：

$(function(){
  $('#slideshow').slideshownav({
    transition: 'push(#{direction})',
    mode: 'vertical',
    navSelector: '> ul > li > a',
    duration: 400,
    autoPlay: false
  });
});
4

1 回答 1

0

我把它设置得很奇怪（对于将来遇到这个问题的人）。使用该幻灯片，实际的锚点 href 没有做任何在该演示站点上的源代码中令人困惑的事情。

它与锚标签的顺序和幻灯片的顺序有关。第一个对应于第一个，依此类推。

于 2012-11-18T02:57:21.163 回答