1

次のプラグインに基づいて、jQuery を使用して基本的なスライド ダウン パネルを実装しようとしています。

http://samuelgarneau.com/lab/slidebox/

私が抱えている問題は、Chrome で見ると、左上隅に (パネルからの) スタイル設定されていないコンテンツのフラッシュがあるように見えることです。リンクは次のとおりです。

http://www.asolidsite.com/clients/glennstar/custom/index.html

これはプラグインのデモでは発生しません。つまり、何かをいじったに違いありません。しかし、私はあらゆる種類のもので遊んでみましたが、うまくいきませんでした。jQueryの洞察を持っている人がいるかどうか疑問に思っています。

jQuery bg resizer が干渉している可能性があるのではないかと思います (そして、ロード時に大幅に遅れる原因となっています...)。

助けてくれてありがとう！

4

1 に答える 1

1

ソースコードを変更して、フルスクリーンの背景 JavaScript とスライダー JavaScript を一緒にしようとしましたか? 今は 1 つ、次にもう 1 つ、次にそれぞれの jquery アクションがあるからです。フルスクリーン バックグラウンド スクリプト、jquery アクション、スライダー スクリプト、jquery アクションの順に配置することをお勧めします。また、cufon スクリプトを一番下に追加します。これは、すぐに読み込まれなくても、機能への影響が最も少ないためです。

また、それがうまくいかない場合は、フルスクリーンの背景とスライダー スクリプトを変更して、スライダーがフルスクリーンの背景の前に読み込まれるようにします。非常に大きなファイルであるため、これがジッターの原因になっている可能性があります。

例：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>    
<script type="text/javascript" src="js/jquery.fullscreenr.js"></script>
<script type="text/javascript">  
          <!--
          var FullscreenrOptions = {  width: 1400, height: 895, bgID: '#bgimg' };
          jQuery.fn.fullscreenr(FullscreenrOptions);
          //-->
</script> 
<script type="text/javascript" src="js/slidebox.js"></script>     
<script type="text/javascript">  
                $(document).ready(function(){
                    $("#slider").slideBox({width: "100%", height: "200px", position: "top"});
                });
</script>
<script type="text/javascript" src="js/cufon-yui.js"></script>

余談ですが（余談ですが）デザインは綺麗だと思います。私が正しければ、私はこの地域、メディシン ハット、AB の近くに住んでいました。

于 2010-12-14T02:47:15.497 に答える