javascript - Jquery，javascript滑块

Question

我将尽我所能解释这一点。我想做的是，我想使用滑块（我发布的图片）作为导航。就像当您将滑块的旋钮移动到下一个圆圈时，会出现一个不同的页面。我到处都看过。尝试了一切，我似乎无法达到这个效果。有人可以帮帮我吗？

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

Answer 1

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

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

Answer 2

• GitHub 上的 jQuery 滑块插件
• 85 个很棒的 jQuery 滑块插件
• 13 个超级有用的 jQuery 内容滑块脚本和教程
• 37个新鲜的jQuery图像、内容滑块和幻灯片

Answer 3

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

1. Menucool jQuery 滑块：

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

   function beforeThumbChange(args) {
       //args[0]: next slide index
       //you can switch to your page here: $("#pageToDisplay").load("/mypage"+args[0]+".html");
   }
   function afterThumbChange(args) {
       //args[0]: currentSlide index
       //you can also switch to your page here: $("#pageToDisplay").load("/mypage"+args[0]+".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>），并在那里实现页面显示代码。滑块将通过每张幻灯片触发处理程序。