jquery触摸旋转木马滑块菜单导航

时间:2012-02-27 19:41:06

标签: jquery slider carousel

尝试将公共方法添加到我购买的这个滑块,但对实现公共方法知之甚少。测试页面可以在这里看到:http://oddopolis.com/2012/index_test.html 我希望点击右边的菜单项(工作,室内设计,信息),在点击时将滑块移动到特定的幻灯片。例如,信息会将滑块移动到滑块上的最后一个图像。

滑块文档可在此处找到: http://www.dev.solvingtheweb.com/touchcarousel/documentation/documentation.html

我知道我必须为这些项目提供ID / Class,但不知道如何使用。

任何帮助将不胜感激,

由于

1 个答案:

答案 0 :(得分:0)

好吧,现在你有多个具有相同ID的div。

修复后,您只需在图像上添加一个click事件监听器,并使用您的轮播提供的goTo函数,如下所示:

$("#Image73").click(function() {
    var carousel = $("#carousel-gallery").data("touchCarousel");
    carousel.goTo(carousel.numItems); //Go to the last item
});