1

私のページに jQuery を使用して Easy Slider 1.7 を実装すると、ページが最初に読み込まれるときに、ulスライダーの両方の画像が表示され、次にスライダーが適切に読み込まれ、最初のスライドのみが表示されることがわかりました。

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

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

2 に答える 2

3

次のように、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>
于 2010-11-21T09:22:51.800 に答える
0

以下のコードをcssに追加して、画像が積み上げられないようにしました。

/*Added to hide stacking of images on IE 7/8*/
#slider{
  height:227px;
  overflow:hidden;
}
于 2011-03-31T09:46:07.730 に答える