Easyslider 1.7 help - すべてのコンテンツがページの負荷に表示されます

Question

jQueryを使用してjQueryで実装すると、ページが最初に読み込まれたときに、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; 
}