Jquery Plugin easySlider 1.7 - easySliderでどのようにクロスフェード効果を作成できますか？

Question

Jquery Plugin easySlider 1.7 - easySliderでどのようにクロスフェード効果を作成できますか？

このプラグインは、遷移のみをスライドするために構築されているおかげで

Answer 1

ので、クロスフェードを行うと、プラグイン（病気の助言）を変更したり、新しいプラグインを見つけることが必要となります。私は最近、手動でコード化されたjQueryでクロスフェーディングを実装する方法について、this threadで議論しました。私はそれが役に立つと思う。

Answer 2

easySlider1.7を使用している場合は、これを簡単に変更できます。

Replace `marginTop: p` with ` opacity: 1` and `opacity: 0` at lines 133 and 169. 

垂直オプションがfalseに設定されている場合、スライダはフェードします。または、独自のオプションを追加して、その行に2つの文を追加して、オンザフライですべてのオプション（縦、横、クロスフェード）を切り替えることができます。

Answer 3

easysliderコードをこのプラグインコードに置き換えます。

http://bogojoker.com/easySlide/

（「jsの修正ファイル」の下の下ダウン「のjsファイルへのリンク」リンクからコードを取得します）。

次に、ウェブサイトの例に従って、目的のフェードを作成します。本当に簡単です。このライン

if(!options.vertical) { 
        p = (t*w*-1); 
        $("ul",obj).animate(
         { marginLeft: p }, 
         { queue:false, duration:speed, complete:adjust } 
        );    
       } 

ため

Answer 4

外観と、このライン

if(!options.vertical) { 
       $("ul",obj).css("margin-left",(t*w*-1)); 
      } 

を探して

if(!options.vertical) { 
       $("ul",obj).css("margin-left",(t*w*-1)); 
       $("ul",obj).animate(
         { opacity: 1 }, 
         { queue:false, duration:'slow'} 
        ); 
      } 

のためにそれを変更

if(!options.vertical) { 
        p = (t*w*-1); 
        $("ul",obj).animate(
         { opacity: 0 }, 
         { queue:false, duration:'slow', complete:adjust } 
        ); 

       } 

のためにそれを変更します

私はこれがあなたを助けることを願っています