1

私は立ち往生しています...

1920px X 400px の画像のスライドショーがあります。現状では、1920px 以上のブラウザー ウィンドウで全画面表示している場合にのみ、画像が中央に表示されます。ウィンドウのサイズを 1600px に変更すると、画像が中央から右に移動し、サイトの残りの部分との位置がずれます。

ブラウザ ウィンドウの幅をスケーリングし、ブラウザの幅に基づいて画像領域を左右に表示/非表示にするときに、スライドを中央に配置したままにします。画像の比率を変更したくありません。背景画像も使用できません。どちらも簡単に修正できます。

画像の幅とブラウザウィンドウの幅を計算して中央に継続的に表示するJSリスナーを想定しています。

デモサイトはこちら: http://bit.ly/YdMZDO

4

1 に答える 1

2

.slides-wrapper に次のスタイルを追加します。

left: 50%;
margin-left: -960px; // half the width of your image block
于 2012-12-17T23:54:59.410 に答える