2012-04-12 2 views
1

をアニメーション化:http://pxl.development.krout.nl/websitesnederland/jQueryのサイクルのプラグインは、私はjQueryのサイクルを使用して素敵なスライダーを構築する非常にぎくしゃく

は、今私は、当社のウェブサイトにhttp://pxl.development.krout.nl/をそのスライダーを統合しようとしているが、私はそれはのようにスムーズに作業を取得することはできません例。

私は多くのことを試みましたが、非常にぎくしゃくしていない状態では動作しません。

誰でもこの解決策を知っていますか?それは素晴らしいだろう!

+1

と交換して、ここでスムーズにアニメーション化します。 jerkinessは、大きな画像を動かすときのブラウザーのパフォーマンスが悪いことが原因と考えられます。アニメーションジャーキネスを取り除くための迅速で汚れた修正は、それをより速くすることです。 –

+0

うーん、奇妙な。最初の例では、2番目の例と同じイメージを使用します。 私が見る唯一の違いは、2番目の例では、スライダの周りに完全なサイトがあり、最初のものには存在しないということです。 –

+0

@ George-FFでは、スライドからスライドへの移動中にクロームが遅くなるのはやや良いです。 – coder

答えて

1

あなたが作業の例を見れば、これらは離れてjquery.min.js

だからあなたのウェブサイトにあなたは、ファイル名を変更し、コードを変更したから

<script src="js/jquery-ui-min.js"></script> 
    <script src="js/jquery.cycle.all.min.js"></script> 
    <script src="js/script.js"></script> 

が含まれています?含まれてあなたのサイトに

コスは異なるファイル

<script type="text/javascript" src="http://pxl.development.krout.nl/templates/js/library.js"></script> 
    <script type="text/javascript" src="http://pxl.development.krout.nl/templates/js/slider.js"></script> 

あなたは私が何を意味するか取得されていますか?

これを実行しようと

UPDATEは、あなたのslider.jsで、25行17にこの

  if(bForward == true || bForward == 1) { 
       $(oNext).animate({ 
        'left': $(window).width()+'px' 
       }); 
      } else { 
       $(oNext).animate({ 
        'left': '-'+$(window).width()+'px' 
       }); 
      } 
+0

私ははいを理解しています。私は、jquery-ui-min.js、jquery.cycle.all.min.jsのコードを1つのファイルに入れます:library.js –

+0

最初の例のようにインクルードしますが、 tを有効にします:-( –

+0

試しましたが、うまくいきません。 –

関連する問題