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 Slider プラグイン
• 85 の素晴らしい jQuery スライダー プラグイン
• 13 の非常に便利な jQuery コンテンツ スライダー スクリプトとチュートリアル
• 37 の新しい jQuery 画像、コンテンツ スライダー、スライドショー

Answer 3

あなたの要件を満たすことができる 2 つのスライダーを知っています。

1. Menucool jQuery スライダー:

   この jQuery Slider には、スライドの前後に対応するページに切り替えるために使用できる 2 つのイベント ハンドラーがあります。

   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");
    }

ページにハンドラー関数の 1 つ (ページの下部、 の直前</body>) を追加し、そこにコードを表示するページを実装するだけです。スライダーは、スライドごとにハンドラーをトリガーします。