-3

バナーにスライドショーを含むページを作成しました。

ページがロードされているときを除いて、すべてがうまく機能します。ブラウザがページをロードすると、すべての画像が上下に表示され、ページ全体がカバーされます。その後、スライド ショーの再生が開始され、残りの画像が非表示になります。

ここでそれが起こっているのを見ることができます: http://regal.preciseos.com/

それが起こらないようにしたいのですが、ロード時にバナー領域に最初の画像だけが表示されるようにします。

何かアドバイス？私はそれを理解することはできません。ありがとう、オズ

4

2 に答える 2

0

次のいずれかを実行します。

を含む各画像にクラスを適用しdisplay: noneます。

.myClass {display: none;}

<img class="myClass" />

style="display: none;"各画像に追加:

<img style="display: none;" />

document.ready 関数で画像を非表示にします。

$(function() {
    $('.myClass').hide();
});

使用しているスライダーによっては、document.ready に最初の画像を表示する必要がある場合があります。

$(function() {
    $('.myClass').hide().get(0).show();
});

ただし、スライダープラグインがこれを行う場合があります。

于 2013-10-23T19:10:08.967 に答える