1

このページhttp://www.blythestoves.co.uk/newのいくつかのスライドを初めてロードしてアクセスすると、正しい高さがレンダリングされません。一部情報をカットしています。スライド 2 (Ecomaster BB1) に移動すると、エアフロー ダイヤルの画像の下に保証に関する情報が表示されます。ページは最後のテキスト ブロックをレンダリングしません。

ここが奇妙な部分です。ページを更新しても何も起こりませんが、アドレス バーに移動してそこをクリックし、もう一度 Return キーを押すと、ページはすべて正しい高さで正しく読み込まれます。

私は本当に理解できず、すでにこれに多くの時間を費やしてきました。どんな助けでも本当に素晴らしいでしょう。

ありがとう。

4

3 に答える 3

1

主な問題は、画像の読み込みが開始される前にWebkitブラウザーがドキュメント準備完了イベントを起動するため、画像のサイズが取得されないことです。したがって、画像のサイズをcssまたはインラインに含める場合：

<img src="images/blythe-ecomaster-bb2.jpg" style="width:1228px;height:678px;" />

次に、スライダーの高さが適切なサイズになります。

さらに、スライダーの初期化の幅オプションは廃止されたため、cssを使用してのみスライダーの寸法を設定できます。したがって、何も実行しないため、この行を削除できます。

width : 1228,          // Override the default CSS width
于 2011-11-20T20:21:11.510 に答える
1

フィドルで分離しないと、確かなことはわかりませんが、明示的にしないように言ったので、サイズ変更ではないと思いますresizeContents : false：

$('#slider').anythingSlider({
                                width : 1228,          // Override the default CSS width
                                resizeContents : false,
                                navigationFormatter : formatText,
                                autoPlay : false,
                                easing: 'easeInOutExpo'

                        });

そこからそれを取得すると、うまくいくかもしれません。そうでない場合は、フィドルを設定してください;）

于 2011-11-19T20:22:25.153 に答える
0

firefox と chrome で動作しますか? IE でのみ表示されるオーバーフロー css の問題である可能性があります。

アンドリュー

于 2011-11-19T20:34:15.720 に答える