我一直试图让一个jQuery幻灯片(点击)工作了一段时间,但找不到我哪里错了。我正在使用瑞安·弗洛伦斯的jQuery幻灯片导航:
http://ryanflorence.com/jquery-slideshow/demos/slideshownav/
我在这里组装了一个jsFiddle:
我已经确保包含了jQuery UI。在他的网站上,有三个javascript文件包含在他的示例中(demo.js,jquery.rf.slideshow.js,jquery.rf.slideshownav.js)。我已经将它们全部放入JSFiddle的javascript部分。
基本上,当我点击正确的按钮时,它会将“幻灯片”div更新为正确的内容,但它不会给我转换。起初我认为这是因为我使用的是“div”而不是图像,但我在过去的div中使用过他的更简单的幻灯片,它运行得很好。非常感谢你的帮助。
这是我的导航栏:
<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
});
});
发布于 2012-11-18 02:57:21
我把它设置得很奇怪(对于将来遇到这个问题的任何人)。有了这个幻灯片,实际的锚点href不会在这个演示站点的源代码中做任何令人困惑的事情。
https://stackoverflow.com/questions/13436202
复制相似问题