Jquery，javascript滑块

Question

我会尽我最大的努力来解释这一点。我想做的是，我想使用滑块(我发布的图像)作为导航。就像当你将滑块的旋钮移动到下一个圆圈时，一个不同的页面就会出现。我到处都找过了。我尝试了所有的方法，但我似乎就是无法达到这个效果。有人能帮帮我吗？

http://static.tumblr.com/1f1tzta/5Fgm5zft9/slider.png

Answer 1

你看过这个吗？http://jqueryui.com/demos/slider/

这是一个jQuery UI滑块，您可以完全样式化和编写脚本。

Answer 2

• jQuery Slider plugin on GitHub
• 85 Awesome jQuery Slider Plugins
• 13 Super Useful jQuery Content Slider Scripts and Tutorials
• 37 Fresh jQuery Image, Content Sliders And Slideshows

Answer 3

我知道有两个滑块可以满足你的要求。

1. Menucool jQuery Slider：

此jQuery滑块有两个事件处理程序，您可以使用它们在幻灯片之前或之后切换到相应的页面：

函数索引(Args){ //args:下一张幻灯片索引//您可以在此处切换到您的页面：$("#pageToDisplay").load("/mypage"+args+".html")；} function afterThumbChange(args) { //args: currentSlide beforeThumbChange//您也可以在此处切换到您的页面：$("#pageToDisplay").load("/mypage"+args+".html")；}

2.

http://www.menucool.com/javascript-image-slider

    function beforeSlideChange(args) {
        //args: [0]-next slide index, [1]-next image, [2]-next caption, [3]-next effect
        //$("#pageToDisplay").load("/mypage"+args[0]+".html");
    }

    /*
    function afterSlideChange(args) {
        //args: [0]-currentSlide index, [1]-currentImage
        //$("#pageToDisplay").load("/mypage"+args[0]+".html");
    }

您只需在页面中添加一个处理程序函数(位于页面底部、</body>之前)，并在那里实现显示代码的页面。滑块将在每次滑动时触发操纵器。