如何使用动态创建的分页大拇指创建垂直轮播/自动收报机

时间:2013-02-21 18:26:00

标签: jquery pagination carousel ticker caroufredsel

  

注意:虽然我现在正在使用CarouFredSel,但我没有任何特定插件的偏好。我只对完成任务的目标感兴趣,所以如果你有建议,请制作一条评论 ! :D谢谢

这是我正在尝试做的事情:

我的框中包含动态创建的HTML内容,我需要:

1)提供内容的垂直(向上)轮播/自动收录效果,仅当框中装有超过4个项目时。

2)如果有> 4个项目,启动轮播/自动收报机,允许暂停鼠标悬停,继续使用鼠标移动并提供导航以更改方向(向上/向下)或向前/向后逐步/向后移动轮播

3)每个方框底部都有一个div。如果该框具有> 4项,然后我需要遍历每个项目,获取其中的图像的源(img.bimage)并在框底部的该div内构建一个拇指分页。这应该允许用户单击一个拇指并让列表滚动到它。

以下是我们到目前为止的工作示例: http://jsfiddle.net/revive/jZMhE/

(note, the pagination callback is commented out of the JS, but that is what the pagination should look like)

如果您有关于如何使用CarouFredSel 或另一个插件或功能 获得有关如何完成这些操作的建议,请告诉我。我们不会坚持使用一件事或另一个......我们坚持让它发挥作用:D

感谢您的帮助!!

1 个答案:

答案 0 :(得分:1)

经过一些JS嘎吱嘎吱和拔毛......我决定放弃CarouFredSel中的功能并使用这个例子:http://jsfiddle.net/revive/jZMhE/