2012-10-29 102 views
0

坐落在一个PHP页面下面的代码:自动滚动(旋转)UL

$(function() { 
    $(".scrollable").scrollable({ items: "li", circular: true, mousewheel: false, next: ".next", prev: ".prev" }).autoscroll({autoplay: true, interval: 100}); 
}); 

这个小幻灯片应该是能够滚动由左(旋转)图像,权当页面加载。我对PHP不太了解,但是这个代码不应该足以让幻灯片自行移动吗? (当用户点击左右按钮时,它会移动)

如果有更好,更快,更简单的方法来做到这一点,我真的很喜欢这里的一些建议。我试过四处寻找,但是我发现任何代码对于这个小任务似乎都太复杂了。

编辑:我没有创建页面,所以我不知道这个函数来自哪里。我正在查看所有包含的页面,以查看我是否可以找到javascript/jquery被调用的位置。

回答:对jquery的调用在我必须找到的另一个页面上。但是,是的,这是问题!只有一行jquery被调用,而不是在我选择的答案中提到的两行。 :/看起来像有人开始页面,但从来没有完成他们。

+1

看起来像jQuery见http://jquerytools.org/demos/scrollable/index.html。在尝试调用它之前,您是否在页面上加载jQuery和相关的可滚动插件? –

+0

什么是控制台输出? – 11684

+0

您是否使用'.scrollable()'方法使用jQuery TOOLS? – 11684

回答

1

您需要一些CSS + jQuery + jQuery TOOLS插件扩展。

就像这样:http://jsbin.com/oviqap/1/edit

进一步的细节

+0

有一个问题,有没有一种方法来随机化图像?我在'prev:“.prev”'后面加了'random:1',但它没有做任何事情。我也试过把它放在'interval:1000'后面 – jlg

+1

@jlg这个插件不支持随机选项。您需要在显示之前使用PHP对输出进行随机化,或者在加载之后使用更多的JavaScript来混洗DOM节点。示例[Shuffle DOM Elements](http://css-tricks.com/snippets/jquery/shuffle-dom-elements/) –

+1

这是一个工作示例http://jsbin.com/oviqap/2/edit –