サイクルプラグイン：ポケットベルサムネイルをスライダに回す

Question

私はサイクルイメージギャラリーで仕事をしようとしています、そしてこれまでのところすべてが完全に働いていますが、私はそれが可能かどうかを知りたかったが、ポケットベルのサムネイルをスライダーに回すことができたかどうかを知りたかった。

このプラグインを試してみてください SimplyScroll と残念ながら、それは機能しません。なぜ2つのプラグインの間に矛盾があるからなぜわからない。

私はちょうど下の画像のような親指を変えたいです：

Answer 1

この場合、私はあなたが使用したプラグインを変更することをお勧めしますので、このプラグインは簡単に処理できることがわかりました。

https://adgallery.codeplex.com/

ADギャラリーはすでにサムネイルをイメージの下部にスライドさせ、使いやすいです。

Answer 2

GitHubにスライダープラグインがあります githubへのリンクページ 私はあなたのスライダーと似たものを見つけました そしてあなたはpriteshgupta.com/demos/templates/vivid-photo/でそこのライブデモを見ることができます マウスメモーブイベント

のサムネイルスライド

その後、サムネイルを自動スライドさせるためのカスタム関数を追加することで、これを少し変更しました。

  for (var i = 0; i < 1500; i=i+30) {
     $thumbScroller_container.animate({left:-i}, $scrollEasing,$scrollEasingType); 
   }

.

もともとそれは

でした

$thumbScroller.mousemove(function(e){
        if($thumbScroller_container.width()>sliderWidth){
            var mouseCoords=(e.pageX - $placement[1]);
            var mousePercentX=mouseCoords/sliderWidth;
            var destX=-((((totalContent+($tsMargin*2))-(sliderWidth))-sliderWidth)*(mousePercentX));
            var thePosA=mouseCoords-destX;
            var thePosB=destX-mouseCoords;
            if(mouseCoords>destX){
                $thumbScroller_container.stop().animate({left: -thePosA}, $scrollEasing,$scrollEasingType); //with easing
            } else if(mouseCoords<destX){
                $thumbScroller_container.stop().animate({left: thePosB}, $scrollEasing,$scrollEasingType); //with easing
            } else {
                $thumbScroller_container.stop();  
            }
        }
});

.

今すぐクエリに述べたように機能します これはPreviewに変更されています デモへのリンク 編集したJSファイル ギャラリーページi編集 jQueryをクリックしているようなイベントにアクセスしたい場合は、その

のトリガーを使用できます。