2012-05-03 9 views
0

mozilla Firefoxで同じ画像メニューが異なるサイトで異なる遷移方法を持っているのはなぜかと思っていました。 firefoxを使用してこのリンクにアクセスし、別の画像にカーソルを合わせると、移動方法を知ることができますhttp://www.alohatechsupport.net/examples/image-menu-2.html このリンクに移動してhttp://bloghutsbeta.blogspot.com/2012/04/testing-main.htmlに移動し、画像上にマウスを移動して移動方法を確認します。同じ画像メニューがfirefoxを使用して異なるサイトで異なる遷移をする理由

どちらの場合も、トランジション効果は同じですが、一方は遅く(ぶら下がり)、他方はスムーズです。私はMarkupを提示しませんでしたが、両者は同じですが、コメントの中で私に知らせるように感じるなら、可能な限り多くの関連データを提供するよう編集します。

<script type="text/javascript" src="files.cryoffalcon.com/javascript/…; 

<script type="text/javascript"> 
    $().ready(function() { 
     $('.jimgMenu ul').kwicks({ 
      max: 310, 
      duration: 300, 
      easing: 'easeOutQuad', 
      complete: 'callback' 
     }); 
    }); 
</script> 
+0

2番目のリンクには、外部スクリプトはもちろんのこと、いくつかの 'document.ready'ハンドラを含む600行以上のjavascriptがあります。私はそのページがJavaScriptの重さのために遅いと想像します。それは本当に混乱です。 –

+0

スクリプト全体を1つにまとめるとどうなると思いますか?外部スクリプトの最大サイズは? – CryOfFaclon

答えて

1

それぞれの設定方法を試しましたか?プラグインにはイージングのオプションがある可能性があります。

とにかく、ショーケースの要素の数によっても影響を受ける可能性があります。要素が増えると、より多くのDOMノードがアニメーション化され、誰もがDOM操作が高価な操作であることを知っていることになります。これは、不安定で滑らかでないアニメーションにつながる可能性があります。

また、要素自体の数がアニメーションに影響する可能性があります。他の1つは、1つの幅(ゆるい)あたりより少ないスライドを有し、一方、他のものは、幅(窮屈)あたりより多くのスライドを有する。これは同じアニメーションに対するあなたの認識にも影響します。

+0

他の人が5つを持っている間に、要素が10のイメージを持つようになると思います。このプラグインには、イージングのオプションがあります。イージングオプションを回答に追加します。 – CryOfFaclon

+0

申し訳ありません私は5KB/sのインターネットがアフガニスタンに住んでいるので、私はそれを追加できませんでしたので、コードを入れるためにそれらの括弧が表示されません。ここでコメントを記述してください。

0

私はFireFox 10を使用していますが、私は両方のページを試してもまったくぶら下がっていません。ページ全体がまだ完全に読み込まれていない場合は、2番目のアニメーションが遅くなります。しかし、いったんすべての要素がロードされると、それらはかなり同じ遷移速度を持ちます。

+0

遅いインターネットやコンピュータのせいかもしれないが、私はそれが誰のためであると思った。 – CryOfFaclon

関連する問題