Easyslider 1.7ヘルプ - ページのロード時に表示されるすべてのコンテンツ

Question

私のページにjQueryを使って簡単にスライダー1.7の実装では、私は、ときにページが最初にロード、ulスライダー表示で両方の画像とスライダーが正しくロードのみが最初のスライドが表示されていることがわかります。

スクリプトが正常にロードされるまで、スライダーdivが表示されないようにこれを修正するための最良の方法は何ですか？私はそれを実行するには、このコードを使用しています：

$(document).ready(function(){   
    $("#slider").easySlider({
        auto: true,
        continuous: true,
        pause: 10000
    });
});

Answer 1

あなたはちょうどこのように、CSSを介してコンテンツを非表示にすることができます：

#slider { display: none; }

その後にも、ページの読み込みにそれを示します：

$(document).ready(function(){
  $("#slider").show().easySlider({ auto: true, continuous: true, pause: 10000 });
});

私は、非JSのユーザーのためのページにブロックを追加したいあなたはこれらの多くを持っている場合は、スタイルシート内の可能性があり、そうでない場合は、単にスタイルタグ安全であるために

<noscript><style type="text/css">#slider { display: block; }</style></noscript>

Answer 2

私が積層されから画像を隠すために私のCSSに以下のコードを追加します。

/*Added to hide stacking of images on IE 7/8*/
#slider{
  height:227px;
  overflow:hidden;
}