どのように私は私の横JavaScriptのプログラムは私のウェブサイトのロード

Question

時に縦に「点滅」を停止するのですか、私はJavaScriptのプログラムを無料ニュースティッカーをダウンロードしwordswithfriends.net

です。ローディング時、特に遅い接続の場合を除いて、完璧に動作します。ニュースティッカーアイテムはすべて、単純なHTML形式で短時間表示されます。アイテムがスクロールする準備ができるまで、空のニュースティッカーを表示することが望ましい動作です。そのクラスにスタイル：ソースコードは、すべてのニュース項目にクラスを追加して、「どれも表示」を適用するようにしてくださいここ

http://www.wordswithfriends.net/mytourney/widgets/min.js
http://www.wordswithfriends.net/mytourney/widgets/scroller.js

Answer 1

あなたのCSSにこれを追加してみてください：

#ticker01 { 
    display:none; 
} 

そしてul上記のスクリプトタグ内の1つの以上の行：原因あなたの質問に提供スパース情報へ

$(function(){ 
    $("ul#ticker01").show(); 
    $("ul#ticker01").liScroll(); 
}); 

Answer 2

です。ドキュメント準備完了イベントの最初の要素を初期化する必要があります。これはすべてのニュース項目の最初のフラッシュを取り除くはずです。

Answer 3

あなたの質問に提供スパースた情報による残念ながら

、およびニュース項目が含まれていdivがスクロールするscroller.jsスクリプトのソースコードからはclasstickercontainerを持っています。

（DOMの準備ができているとき）、私はこれだけdivがロードされた後にのみ、classtickercontainerとdiv内に新しいアイテムがページ上の他のすべてがロードされていることを前提とすることができますがscroller.jsスクリプトスタイルdivを行い、それはです内容を確認し、ティッカーを開始してください。

私はあなたが最初にあなたのHTMLのheadタグ内styleタグで、または外部CSSファイルとscroller.jsスクリプトが使用jQueryのにを初期化したらどちらかvisibilityかdisplaytickercontainerhiddenのスタイルやnoneを設定することをお勧めvisibilityまたはdisplayのスタイルをvisibleまたはblockに設定します。

これはあなたが探しているものでない場合は、あなたの質問に展開してください私は答えに最善を尽くします。

Answer 4

残念ながら、 scroller.jsスクリプトのソースコードから、スクロールされるニュースアイテムを含むdivには、クラスtickercontainerがあります。

このdivがロードされた後（DOMの準備が整ったとき）にのみ、tickercontainerクラスのdiv内の新しいアイテムがページ上にロードされていると仮定できます.scroller.jsスクリプトスタイルdivそれは内容であり、ティッカーを開始する。