1

私はこのページに取り組んでいます。Google chrome にロードすると、スライダーに画像の 1/9 しか表示されません。更新時、または初期ロード時に発生することがあります。他のすべてのブラウザで非常によく表示されます。完全にロードする方法に関する提案。機能は下図のとおりです。

<script type="text/javascript">
        $(function(){
            $('#slides').slides({
                preload: true,
                preloadImage: 'img/loading.gif',
                play: 5000,
                pause: 4000,
                hoverPause: true
            });
        });
    </script>
4

2 に答える 2

1

スクリプトが画像サイズに基づいてコンテナの高さを計算しようとしていて、失敗することがあるようです。最初にこのcssを試してください

.slides_control{
  min-height:466px;
}
于 2012-04-04T18:19:40.950 に答える
0

問題は、クラス「slides_control」の div にあります。インラインの高さが 19px で定義されているようです。この高さの値を動的に変更する場合の 1 つの解決策は、インライン スタイルから単純に削除することです。

編集:削除しても実際には機能しません。より望ましい高さに設定する必要があります。削除すると、画像が表示されなくなりました。時々失敗しているように見えるため、この div の高さを動的に変更する方法に問題があるようです。

編集 2: 具体的には、適切にレンダリングされた場合、高さは 466px である必要があります。

編集 3: また、loading.gif の読み込みに失敗していることにも気付きました。これが、プラグインが正しく初期化されない根本的な原因である可能性があります。この特定のプラグインを実際に使用したことがないので、ただの考えです。

于 2012-04-04T18:00:54.043 に答える